AngularJS-如何添加多个ng-class指令?

32 浏览
0 Comments

AngularJS-如何添加多个ng-class指令?

这里有两种不同的用法来使用 ng-class 指令。我需要它们同时用在同一个元素上,但这是不行的。

使用对象在 ng-class 中

http://plnkr.co/edit/uZNK7I?p=preview

{{item}}

正确的结果为

1
2
3
4
5


使用表达式在 ng-class 中

http://plnkr.co/edit/tp6lgR?p=preview

{{item}}

正确的结果为

1
2
3
4
5


如何同时使用它们呢?

我需要动态的类名(比如 \'count-\' + n),但是也需要对象语法来使用多个类。

我不能只使用两个 ng-class 属性(http://plnkr.co/edit/OLaYke?p=preview),只有第一个会起作用。

有什么建议吗?

admin 更改状态以发布 2023年5月24日
0
0 Comments

您应该向ngClass提供一个数组,其中包含表达式和对象:


注意:
接受的答案中建议的解决方案(在class属性中同时使用ngClass指令和插值)是一种不好的做法。更多细节请参见此处此处

0
0 Comments

你不应该在第二个中使用ng-class,而应该使用


0