Directive AngularJS NG-Class
Instance angularjs
Modifiez la classe de l'élément <v>:
<! Doctype html> <html> <éadf> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </cript> <style> .sky {color: white; Color d'arrière-plan: LightBlue; rembourrage: 20px; Font-Family: "Courier New";}. Tomate {fond-couleur: corail; rembourrage: 40px; Font-Family: Verdana;} </ Style> </ Head> <Body ng-app = ""> <p> Sélectionnez une classe: </p> <sélectionner ng-model = "home"> <option value = "Sky"> Color </ Option> <Option Value = "Tomato"> Tomato Color </popoption> </lect> <div ng-cllass = "home"> <h1> bienvenue! IT! </p> </div> </ body> </html>Définition et utilisation
La directive de classe NG est utilisée pour lier dynamiquement une ou plusieurs classes CSS aux éléments HTML.
La valeur de la directive de classe NG peut être une chaîne, un objet ou un tableau.
S'il s'agit d'une chaîne, plusieurs noms de classe sont séparés par des espaces.
S'il s'agit d'un objet, vous devez utiliser une paire de valeurs clés, qui est une valeur booléenne, et la valeur est le nom de classe que vous souhaitez ajouter. La classe ne sera ajoutée que si la clé est vraie.
S'il s'agit d'un tableau, il peut être composé de chaînes ou de combinaisons d'objets, et les éléments du tableau peuvent être des chaînes ou des objets.
grammaire
<élément ng-class = "expression"> </element>
Tous les éléments HTML sont pris en charge.
Valeur du paramètre
| valeur | décrire |
|---|---|
| Expression | Une expression renvoie un ou plusieurs noms de classe. |
Ce qui précède est une compilation d'informations d'instructions de classe Ng AngularJS, pour référence par les amis dans le besoin.