3 回答

TA貢獻(xiàn)1777條經(jīng)驗(yàn) 獲得超3個(gè)贊
也許你可以使用這樣的東西:
<span ng-class="{'classname' : condition}"></span>
例如:
<span ng-class="{'icon1-class': obj.value1 == 'someothervalue' || obj.value2 == 'other-class'}"></span>

TA貢獻(xiàn)1856條經(jīng)驗(yàn) 獲得超5個(gè)贊
使用三元運(yùn)算符的 ng-class 的格式應(yīng)如下所示
ng-class="variableToEvaluate ? 'class-if-true' : 'class-if-false'">
因此,您需要在聲明的第一部分中進(jìn)行所有評(píng)估,然后適當(dāng)?shù)貞?yīng)用課程。

TA貢獻(xiàn)1943條經(jīng)驗(yàn) 獲得超7個(gè)贊
我會(huì)說(shuō)括號(hào)是錯(cuò)誤的。但它是非常難讀的三元運(yùn)算符。
為了更好地了解邏輯,您可以將此三元邏輯重寫為控制器中的方法。就像下面這樣:
function getFaIcon(presentHeader, previousHeader) {
var result = '';
if (presentHeader != previousHeader || presentHeader =='itemID') {
result = 'fa fa-thumbs-up';
} else {
if (alterTblType && presentHeader=='itemID') {
result = 'fa fa-thumbs-down';
} else if (!alterTblType && presentHeader=='itemID') {
result = 'fa fa-thumbs-up';
}
}
return result;
}
它也可以被簡(jiǎn)化,因?yàn)樵趦煞N情況下您返回相同的值'fa fa-thumbs-up'。
此外,當(dāng)它是一個(gè)方法時(shí),您可以對(duì)方法結(jié)果進(jìn)行一些緩存,這對(duì)于加速摘要周期可能非常有用。
您可以對(duì)其進(jìn)行調(diào)試并了解實(shí)際問(wèn)題所在。
在 HTML 中,您可以這樣稱呼它:
ng-class="getFaIcon(presentHeader, previousHeader)">
添加回答
舉報(bào)