AngularJS- ng-classrichtlijn


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-classopdrag bind een of meer CSS-klasse dinamies aan 'n HTML-element.

Die waarde van die ng-classaanwysing 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.