angularjs – 混合使用常规类和ng类

前端之家收集整理的这篇文章主要介绍了angularjs – 混合使用常规类和ng类前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
想要在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>

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

解决方法

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

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

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

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

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

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

猜你在找的Angularjs相关文章