Diretiva da Classe AngularJS NG
Instância de AngularJS
Modifique a classe do elemento <div>:
<! Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> <stily>. Background-Color: LightBlue; preenchimento: 20px; Font-Family: "Courier New";}. Tomato {Background-Color: Coral; preenchimento: 40px; FONT-FAMILY: Verdana;} </style> </adhead> <corpo ng-app = ""> <p> Selecione uma classe: </p> <selecione ng-model = "home"> <opção value = "sky"> cor </opcption> <opção <valor ""> e "> e"> e "> e">, a opção </sky "e"> e "> e">, a opção </homeato </sky> homeato </sky "> </homeato </homeaty> homeato </sky! IT! </p> </div> </body> </html>Definição e uso
A diretiva da classe NG é usada para ligar dinamicamente uma ou mais classes CSS aos elementos HTML.
O valor da diretiva da classe ng pode ser uma string, um objeto ou uma matriz.
Se for uma string, vários nomes de classe são separados por espaços.
Se for um objeto, você precisa usar um par de valores-chave, que é um valor booleano, e o valor é o nome da classe que você deseja adicionar. A classe só será adicionada se a chave for verdadeira.
Se for uma matriz, pode ser composto de cordas ou combinações de objetos, e os elementos da matriz podem ser strings ou objetos.
gramática
<elemento ng-class = "Expression"> </lement>
Todos os elementos HTML são suportados.
Valor do parâmetro
| valor | descrever |
|---|---|
| Expressão | Uma expressão retorna um ou mais nomes de classe. |
O exposto acima é uma compilação de informações de instrução da Classe AngularJS NG, para referência de amigos necessitados.