混合使用常规类和ng级

时间:2014-06-27 20:25:05

标签: angularjs ng-class

想要在ng-repeat生成不同的图标:

<i class="fa fa-pencil"></i>
<i class="fa fa-briefcase"></i>
...

如何使用ng-class

仅指定其中一个类

如果我写道:

<i class="fa" ng-class="{{t.icon}}"></i>

然后生成的输出是

<i class="fa" ng-class="fa-pencil"></i>
<i class="fa" ng-class="fa-briefcase"></i>

当然,图标不会显示在页面上。

1 个答案:

答案 0 :(得分:8)

不要使用角度表达。这有效:

<i class="fa" ng-class="t.icon"></i>

(请参阅p标签上的示例:http://plnkr.co/edit/AUN81QF0COtYMeedBygJ?p=preview

您可以在ngClass中输入各种输入,您可以在以下位置看到它们:

https://docs.angularjs.org/api/ng/directive/ngClass

参数部分有关于它们的简要说明。