angularjs - 混合使用常规类和 ng-class

Question

想要在 中生成不同的图标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>

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

Answer 1

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

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

（参见 plunker 和 p 标签上的示例：http ://plnkr.co/edit/AUN81QF0COtYMeedBygJ?p=preview ）

您可以将各种输入放在 ngClass 中，您可以在以下位置看到它们：

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

参数部分有关于它们的简要描述。