伍級條件語法

Question

我想一類有條件地適用於一個元素，但我不能得到正確的語法

我曾嘗試以下，但它不工作。

ng-class="{foo: bar === "true"}" 

bar是一個布爾值。

此外，該元素已具有class屬性。將foo附加到類列表中嗎？

Answer 1

您不應該在評估時使用雙引號，因爲它會關閉您的ng級屬性。如果你想檢查一個字符串，你可以使用單引號。 在你的情況下，如果酒吧是一個布爾值，你不必在所有使用引號：

ng-class="{foo: bar === true}" 

這相當於

ng-class="{foo: bar}" 

在一個字符串，用例：

ng-class="{foo: bar === 'your_string'}" 

如果你的元素已經有一個class屬性，foo會被追加到列表中。

Answer 2

ng-class="{'checkedClass': trueVariable} 

這裏是一個職位地名釋義相同http://www.ecofic.com/about/blog/conditionally-apply-a-css-class-with-angularjs