AngularJS ng-class-instruktion

Definition og brug

ng-class Instruktionen bruges til dynamisk at binde en eller flere CSS-klasser til et HTML-element.

ng-class Værdien for instruktionen kan være en streng, et objekt eller en array.

Hvis det er en streng, skal den indeholde en eller flere klassenavne adskilt af mellemrum.

Som et objekt skal det indeholde nøgle-værdipar, hvor nøglen er navnet på klassen, du ønsker at tilføje, og værdien er en boolesk værdi. Klassen tilføjes kun, når værdien sættes til true.

Som en array kan den være en kombination af begge. Hver array-element kan være en af de beskrevne strenge eller objekter.

Eksempel

Ændr klassen på <div>-elementet:

<select ng-model="home">
    <option value="sky">Himmel</option>
    <option value="tomato">Tomat</option>
</select>
<div ng-class="home">
    <h1>Velkommen hjem!</h1>
    <p>Jeg kan lide det!</p>
</div>

Prøv det selv

Syntaks

<element ng-class="ekspresion</element>

Alle HTML-elementer understøtter dette.

Parametre