AngularJS NG-Klasse-Richtlinie
AngularJS -Instanz
Ändern Sie die Klasse des <Div> -Elements:
<! DocType html> <html> <kopf> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script>. Hintergrundfarbe: hellblau; Polsterung: 20px; Schriftfamilie: "Courier New";}. Tomate {Hintergrundfarbe: Coral; Polsterung: 40px; Schriftfamilie: Verdana;} </style> </head> <body ng-App = ""> <p> eine Klasse auswählen: </p> <select ng-model = "home"> <Option Value = "Sky"> Sky Color </option> <Option Value = "Tomato"> Tomato Color </option> </select> </div ng-classe = "land es! </p> </div> </body> </html>Definition und Verwendung
Die Anweisung der NG-Klasse wird verwendet, um einen oder mehrere CSS-Klassen dynamisch an HTML-Elemente zu binden.
Der Wert der NG-Klasse-Anweisung kann eine Zeichenfolge, ein Objekt oder ein Array sein.
Wenn es sich um eine Zeichenfolge, werden mehrere Klassennamen durch Leerzeichen getrennt.
Wenn es sich um ein Objekt handelt, müssen Sie ein Schlüsselwertpaar verwenden, das ein boolescher Wert ist, und der Wert ist der Klassenname, den Sie hinzufügen möchten. Die Klasse wird nur hinzugefügt, wenn der Schlüssel wahr ist.
Wenn es sich um ein Array handelt, kann es aus Saiten oder Kombinationen von Objekten bestehen, und die Elemente des Arrays können Zeichenfolgen oder Objekte sein.
Grammatik
<Element ng-class = "expression"> </element>
Alle HTML -Elemente werden unterstützt.
Parameterwert
| Wert | beschreiben |
|---|---|
| Ausdruck | Ein Ausdruck gibt einen oder mehrere Klassennamen zurück. |
Das obige ist eine Zusammenstellung der Anleitungsinformationen der AngularJS NG-Klasse als Referenz durch Freunde in Not.