想要在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>
当然,图标不会显示在页面上。
答案 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
参数部分有关于它们的简要说明。