ng级杂乱无章的课程顺序

Question

我有一些非常简单的角度代码，看起来像这样...

<div ng-repeat="message in data.messages" ng-class="'conversationCard-' + 
message.type"></div>

它有效，但是产生的输出看起来像这样。

<div ng-repeat="message in data.messages" ng-class="'conversationCard-' + 
message.type" class="ng-scope conversationCard-phone"></div>

问题是我的班级现在始于NG-SCOPE，它打破了我的CSS选择器，看起来像这样。

[class^="conversationCard"]

是否有任何方法可以使角度删除ng-scope，或者至少将其放在类声明的Te端？

Answer 1

是否要通过CSS访问该类：

div.conversationCard-phone{
    //css stuff
}

我不确定为什么您要使用CSS中指定属性的能力，而我描述的方法是这样做的常见方法。您是否可以详细说明为什么要使用属性选择器？

编辑

将您的HTML更改为

<div ng-repeat="message in data.messages" ng-class="message.type" class="conversationCard"></div>

这样就加工了

<div ng-repeat="message in data.messages" ng-class="message.type" class="ng-scope conversationCard phone"></div>

所以在您的CSS中，您可以做

div.conversationCard{
    //css stuff
}

，如果您想隔离手机：

div.conversationCard.phone{
    //css stuff
}

Answer 2

使用ng class的void怎么样，只需使用类似的类

<div ng-repeat="message in data.messages" class="conversationCard-{{message.type}}"></div>