Directiva de clase AngularJS ng
Instancia de angularjs
Modifique la clase del 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> <syle> .sky {color: blanco; Color de fondo: LightBlue; relleno: 20px; Font-Family: "Courier New";}. Tomato {Color de fondo: Coral; relleno: 40px; Font-Family: Verdana;} </style> </head> <body ng-app = ""> <p> Seleccione una clase: </p> <select ng-model = "home"> <opción valor = "sky"> sky color </opción> <opción valor = "tomate"> color de tomates </p los option> <select> <div ng-class = "home"> <h1> <h1> </h1/h1 it! </p> </div> </body> </html>Definición y uso
La directiva de clase NG se usa para unir dinámicamente una o más clases de CSS a elementos HTML.
El valor de la directiva de clase NG puede ser una cadena, un objeto o una matriz.
Si es una cadena, varios nombres de clase están separados por espacios.
Si es un objeto, debe usar un par de valores clave, que es un valor booleano, y el valor es el nombre de clase que desea agregar. La clase solo se agregará si la clave es verdadera.
Si es una matriz, puede estar compuesta de cadenas o combinaciones de objetos, y los elementos de la matriz pueden ser cadenas u objetos.
gramática
<elemento ng-class = "expresión"> </elemento>
Todos los elementos HTML son compatibles.
Valor de parámetro
| valor | describir |
|---|---|
| Expresión | Una expresión devuelve uno o más nombres de clases. |
Lo anterior es una compilación de la información de instrucción de clase AngularJS ng, como referencia de amigos necesitados.