AngularJS总是通过三元应用一个类,而另一个总是

标签 angularjs glyphicons

我希望我的图标标签上始终有“glyphicon”类。 我希望当 item.expanded 为 false 时拥有“glyphicon-plus”类,当 item.expanded 为 true 时拥有“glyphicon-minus”类。

似乎有一个简单的方法可以做到这一点,但是当我需要另一个类始终存在时,我使用三元运算符一直没有成功。以下代码不起作用。

<i ng-class="'glyphicon', (item.expanded) ? 'glyphicon-minus' : 'glyphicon-plus'"></i>

最佳答案

ng-class 的行为实际上并非如此。

谷歌说:What is the best way to conditionally apply a class?

所以你的问题的答案可能是:

<i class="glyphicon" ng-class="{'glyphicon-minus' : item.expanded, 'glyphicon-plus' : !item.expanded}"></i>

关于AngularJS总是通过三元应用一个类,而另一个总是,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22940041/

相关文章:

html - 降低字形

javascript - 当用户选择复选框时将字符串存储在数组中

javascript - 为什么我的 React Bootstrap Glyphicons 没有显示?

jquery - Bootstrap Glyphicons datetimepicker 更改图标

javascript - 应用程序 : Creating separate files for angularjs controllers, 服务等的基础

css - 如果我使用的是来自 MaxCDN 的 bootstrap.min.css 文件而不是下载的 Bootstrap 文件,我该如何加载我的字体集中的新自定义图标?

html - 选项卡内的字形图标大小

javascript - 如何制作 Parse.Query.AND?

javascript - 停止 ng-repeat 然后恢复它

javascript - 即使 ng-if 在 Angular 中为 false,div 也会在前几秒渲染