使用OR运算符的AngularJS ng类多个条件 [英] AngularJS ng-class multiple conditions with OR operator

查看:72
本文介绍了使用OR运算符的AngularJS ng类多个条件的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

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

I try to find out the good syntax for adding classes depending on angular values. I want to activate a class regarding 2 conditions (one on live user changes, and one on loading datas) with a OR operator.

以下是一行:

 <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>

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

I tried some different codes like this one :

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

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

without any success. Can someone help me finding the good syntax ?

推荐答案

尝试一下.

<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>

不需要括号.

这篇关于使用OR运算符的AngularJS ng类多个条件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆