3 回答

TA貢獻(xiàn)1847條經(jīng)驗(yàn) 獲得超11個贊
如何在ng-class中使用條件:
解決方案1:
<i ng-class="{'icon-autoscroll': autoScroll, 'icon-autoscroll-disabled': !autoScroll}"></i>
解決方案2:
<i ng-class="{true: 'icon-autoscroll', false: 'icon-autoscroll-disabled'}[autoScroll]"></i>
解決方案3(角度v.1.1.4 +引入了對三元運(yùn)算符的支持):
<i ng-class="autoScroll ? 'icon-autoscroll' : 'icon-autoscroll-disabled'"></i>

TA貢獻(xiàn)2016條經(jīng)驗(yàn) 獲得超9個贊
作為替代解決方案,基于返回最后一次求值的javascript邏輯運(yùn)算符'&&',您也可以像這樣進(jìn)行操作:
<i ng-class="autoScroll && 'icon-autoscroll' || !autoScroll && 'icon-autoscroll-disabled'"></i>
它只是語法略短,但對我來說更易于閱讀。

TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超6個贊
根據(jù)條件添加一個以上的類:
<div ng-click="AbrirPopUp(s)"
ng-class="{'class1 class2 class3':!isNew,
'class1 class4': isNew}">{{ isNew }}</div>
當(dāng)isNew = false時, 應(yīng)用:class1 + class2 + class3
應(yīng)用:isNew = true時,class1 + class4
添加回答
舉報