AngularJS ngClass有條件是否有任何方法可以表達(dá)類似ng-class條件的東西？例如，我嘗試了以下內(nèi)容：<span ng-class="{test: 'obj.value1 == \'someothervalue\''}">test</span>這段代碼的問(wèn)題在于，無(wú)論是什么obj.value1，類測(cè)試總是應(yīng)用于元素。這樣做：<span ng-class="{test: obj.value2}">test</span>只要obj.value2不等于真值，該類就不適用?，F(xiàn)在我可以通過(guò)這樣做來(lái)解決第一個(gè)例子中的問(wèn)題：<span ng-class="{test: checkValue1()}">test</span>當(dāng)checkValue1函數(shù)如下：$scope.checkValue1 = function() {
return $scope.obj.value === 'somevalue';}我只是想知道這ng-class是否應(yīng)該如何工作。我也在構(gòu)建一個(gè)自定義指令，我想做類似的事情。但是，我找不到一種觀察表達(dá)的方法（也許這是不可能的，也就是它的工作原理）。這是一個(gè)展示我的意思的plnkr。
3 回答
GCT1015
TA貢獻(xiàn)1827條經(jīng)驗(yàn) 獲得超4個(gè)贊
你的第一次嘗試幾乎是正確的，它應(yīng)該沒(méi)有引號(hào)。
{test: obj.value1 == 'someothervalue'}這是一個(gè)plnkr。
ngClass指令將適用于任何計(jì)算truthy或falsey的表達(dá)式，有點(diǎn)類似于Javascript表達(dá)式但有一些差異，你可以在這里閱讀。如果你的條件過(guò)于復(fù)雜，那么你可以使用一個(gè)返回真或假的函數(shù)，就像你在第三次嘗試時(shí)那樣。
只是為了補(bǔ)充：你也可以使用邏輯運(yùn)算符來(lái)形成邏輯表達(dá)式
ng-class="{'test': obj.value1 == 'someothervalue' || obj.value2 == 'somethingelse'}"
皈依舞
TA貢獻(xiàn)1851條經(jīng)驗(yàn) 獲得超3個(gè)贊
Angular JS在ng-class Directive中提供此功能。您可以在其中放置條件并分配條件類。您可以通過(guò)兩種不同的方式實(shí)現(xiàn)此目的。
輸入1
<div ng-class="{0:'one', 1:'two',2:'three'}[status]"></div>在此代碼類中將根據(jù)狀態(tài)值的值應(yīng)用
如果狀態(tài)值為0然后應(yīng)用類一個(gè)
如果狀態(tài)值為1然后應(yīng)用類2
如果狀態(tài)值為2，則應(yīng)用第3類
類型2
<div ng-class="{1:'test_yes', 0:'test_no'}[status]"></div>在哪個(gè)類中將按狀態(tài)值應(yīng)用
如果狀態(tài)值為1或true，則它將添加類test_yes
如果狀態(tài)值為0或false，則它將添加類test_no
添加回答
舉報(bào)
0/150
提交
取消