ngClass和條件表達式

Question

ng-class="{'blue': item==1, 'blue': !item}"

如果我的項目未設置或項目等於1，但我無法以這種方式工作，我希望我可以上藍色課。

Answer 1

如果我的商品未設置或等於1，則為藍色

您需要使用|| 運算符並將表達式定義為

ng-class="{'blue': !item || item==1 }"

Answer 2

您可能會發現以下代碼段很有幫助。

 ng-class="{ 'active' : CreateCaseModel.CaseTypeId == 2 }

在上述情況下，如果expression計算為true，它將添加活動類。

用您自己的條件替換“ CreateCaseModel.CaseTypeId == 2”，它（表達式）應返回true或false。

ng-class =“ {'active'：expression}

Answer 3

為此，只需再創建一個包含與blue類相同內容的類，並將其用於第二個條件即可。 因為ng-class不允許同一個類別申請不同的條件。

blue和blue1類的內容相同。

ng-class = "{'blue': item == 1, 'blue1': !item}"