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

发布时间：2020-12-17 17:49:06 所属栏目：安全来源：网络整理

导读：想要在ng-repeat中生成不同的图标： i class="fa fa-pencil"/ii class="fa fa-briefcase"/i... 如何只使用ng-class指定其中一个类？如果我写道： i class="fa" ng-class="{{t.icon}}"/i 然后生成的输出是 i class="fa" ng-class="fa-pencil"/ii class="fa"

想要在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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!