javascript - ng-class 弄乱了类的顺序

Question

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

<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，或者至少把它放在类声明的末尾？

score 1 · Accepted Answer

如果您想通过 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
}

score -1 · Accepted Answer

使用 ng-class 的 void 怎么样，就使用这样的类

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

2 回答 2