例
<div>要素の変更クラス：
<select ng-model="home">
<option
value="sky">Sky</option>
<option
value="tomato">Tomato</option>
</select>
<div ng-class="home">
<h1>Welcome Home!</h1>
<p>I like it!</p>
</div>
»それを自分で試してみてください 定義と使用法
ng-classディレクティブは、動的にHTML要素に1または複数のCSSクラスをバインドします。
値ng-classディレクティブは、文字列、オブジェクト、または配列にすることができます。
それが文字列である場合、それは、一つ以上、スペースで区切られたクラス名を含める必要があります。
オブジェクトとして、それはキーがブール値であり、値は、追加するクラスのクラス名であるキーと値のペアを、含まれている必要があります。 キーがtrueに設定されている場合、クラスにのみ追加されます。
配列として、それは両方の組み合わせとすることができます。 各配列要素は、文字列、または上記のように記述されているオブジェクト、のいずれかであることができます。
構文
< element ng-class=" expression "></ element >すべてのHTML要素によってサポートされています。
パラメーター値
| Value | Description |
|---|---|
| expression | An expression that returns one or more class names. |