3 回答

TA貢獻(xiàn)1847條經(jīng)驗(yàn) 獲得超11個(gè)贊
如何在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 +引入了對(duì)三元運(yùn)算符的支持):
<i ng-class="autoScroll ? 'icon-autoscroll' : 'icon-autoscroll-disabled'"></i>

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

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