AngularJS- ng-class
richtlijn
Voorbeeld
Wijzig klasse van een <div> element:
<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>
Definitie en gebruik
De ng-class
richtlijn bindt dynamisch een of meer CSS-klassen aan een HTML-element.
De waarde van de ng-class
richtlijn kan een string, een object of een array zijn.
Als het een tekenreeks is, moet deze een of meer door spaties gescheiden klassennamen bevatten.
Als object moet het sleutel-waardeparen bevatten, waarbij de sleutel de klassenaam is van de klasse die u wilt toevoegen, en de waarde een booleaanse waarde is. De klasse wordt alleen toegevoegd als de waarde is ingesteld op waar.
Als array kan het een combinatie van beide zijn. Elk array-element kan een tekenreeks of een object zijn, zoals hierboven beschreven.
Syntaxis
<element ng-class="expression"></element>
Ondersteund door alle HTML-elementen.
Parameterwaarden
Value | Description |
---|---|
expression | An expression that returns one or more class names. |