AngularJS- ng-class
richtlijn
Voorbeeld
Verander klas van 'n <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>
Definisie en gebruik
Die ng-class
opdrag bind een of meer CSS-klasse dinamies aan 'n HTML-element.
Die waarde van die ng-class
aanwysing kan 'n string, 'n voorwerp of 'n skikking wees.
As dit 'n string is, moet dit een of meer, spasie-geskeide klasname bevat.
As 'n objek moet dit sleutel-waarde-pare bevat, waar die sleutel die klasnaam is van die klas wat jy wil byvoeg, en die waarde 'n Boolese waarde is. Die klas sal slegs bygevoeg word as die waarde op waar gestel is.
As 'n skikking kan dit 'n kombinasie van beide wees. Elke skikkingselement kan óf 'n string óf 'n voorwerp wees, soos hierbo beskryf.
Sintaksis
<element ng-class="expression"></element>
Ondersteun deur alle HTML-elemente.
Parameterwaardes
Value | Description |
---|---|
expression | An expression that returns one or more class names. |