ng-class
Směrnice AngularJS
Příklad
Změnit třídu prvku <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>
Definice a použití
Direktiva ng-class
dynamicky váže jednu nebo více tříd CSS k prvku HTML.
Hodnota ng-class
direktivy může být řetězec, objekt nebo pole.
Pokud se jedná o řetězec, měl by obsahovat jeden nebo více názvů tříd oddělených mezerami.
Jako objekt by měl obsahovat páry klíč-hodnota, kde klíč je název třídy třídy, kterou chcete přidat, a hodnota je booleovská hodnota. Třída bude přidána pouze v případě, že je hodnota nastavena na true.
Jako pole to může být kombinace obou. Každý prvek pole může být buď řetězec, nebo objekt, jak je popsáno výše.
Syntax
<element ng-class="expression"></element>
Podporováno všemi prvky HTML.
Hodnoty parametrů
Value | Description |
---|---|
expression | An expression that returns one or more class names. |