Exemplo
Mudança de classe de um elemento <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>
Tente você mesmo " Definição e Uso
O ng-class directiva vincula dinamicamente uma ou mais classes CSS para um elemento HTML.
O valor do ng-class directiva pode ser uma string, um objeto, ou um array.
Se for uma string, ele deve conter um ou mais, nomes de classe separados por espaços.
Como um objeto, ele deve conter pares chave-valor, onde a chave é um valor booleano, eo valor é o nome da classe da classe que você deseja adicionar. A classe só será adicionada se a chave é definido como verdadeiro.
Como uma matriz, ela pode ser uma combinação de ambos. Cada elemento da matriz pode ser tanto uma string, ou um objeto, descrito como acima.
Sintaxe
< element ng-class=" expression "></ element >Suportado por todos os elementos HTML.
Os valores dos parâmetros
| Value | Description |
|---|---|
| expression | An expression that returns one or more class names. |