使用OR运算符的AngularJS ng-class多个条件

问题描述 投票:20回答:5

我试图找出根据角度值添加类的良好语法。我想使用OR运算符激活有关2个条件的类(一个关于实时用户更改,一个关于加载数据)。

这里是一行:

 <a href="" ng-click="addFavorite(myfav.id);favorite=!favorite">
    <i class="fa orange" ng-class="{'fa-star': (favorite || (fav==myfav.id)), 'fa-star-o': !favorite}"></i>
 </a>

我尝试了一些类似的代码:

 ng-class="{'fa-star': favorite, 'fa-star': (fav==myfav.id), 'fa-star-o': !favorite}"

没有任何成功。有人可以帮我找到好的语法吗?

我试图找出根据角度值添加类的良好语法。我想使用OR来激活有关2个条件的类(一个在实时用户更改上,一个在加载数据上)...

angularjs conditional ng-class
5个回答
33
投票

尝试一下。


9
投票

一旦必须在ng-class之后添加一些逻辑,始终坚持使用控制器来执行此操作总是更好的。您可以通过以下两种方式进行操作:JSON语法(与HTML相同,只是可读性更高)或显然是JavaScript。


4
投票

HTML将保持不变


2
投票

您可以对ng-class使用表达式


0
投票

例如:在我的场景中,我需要在某种情况下应用大写类,而在某些情况下,我不需要应用该大写类。

© www.soinside.com 2019 - 2024. All rights reserved.