如何在 AngularJS ngClass 中使用條件表達式？

AngularJS ngClass 中的條件表達式

AngularJS ngClass 指令允許您基於布林表達式有條件地將CSS 類別應用到HTML 元素。要讓表達式成為條件表達式，您可以使用下列語法：

其中條件是計算結果為 true 或 false 的 JavaScript 表達式。

範例：

假設您有一個物件 obj，其屬性 value1 設定為「someothervalue」。您可以使用以下ngClass 表達式有條件地將CSS 類別“test”應用於元素：

如果obj.value1 等於“someothervalue”，則“test”類別將套用於該元素.

真假表達：

ngClass指令將表達式計算為“true”或“falsey”值。 true 值（例如「true」、「1」、「yes」）將套用該類，而 false 值（例如「false」、「0」、「no」）將不套用該類別。

複雜表達式：

如果你的條件邏輯變得太複雜，你可以使用傳回 true 或 false 值的函數。

範例：

邏輯表達式：

您也可以使用邏輯運算子構成邏輯表達式ngClass.

範例：

如果obj.value1 等於 'someothervalue' 或 obj.value2 等於，則此表達式將套用 'test' 類別等於「其他東西」。

以上是如何在 AngularJS ngClass 中使用條件表達式？的詳細內容。更多資訊請關注PHP中文網其他相關文章！