AngularJS ng-class εντολή

Ορισμός και χρήση

ng-class Η εντολή χρησιμοποιείται για να δεσμεύσει δυναμικά μια ή περισσότερες κλάσεις CSS σε στοιχεία HTML.

ng-class Η τιμή της εντολής μπορεί να είναι αλφαριθμητικός, αντικείμενο ή ακολουθία.

Αν είναι αλφαριθμητικός, πρέπει να περιέχει ένα ή περισσότερα ονόματα κλάσεων που διαχωρίζονται με κενά.

Ως αντικείμενο, πρέπει να περιέχει κλειδιά-τιμές, όπου το κλειδί είναι το όνομα της κλάσης που θέλετε να προσθέσετε και η τιμή είναι ένας μοναδικός αριθμός. Θα προσθέσει την κλάση μόνο όταν η τιμή είναι ρυθμισμένη σε true.

As an array, it can be a combination of both. Each array element can be a string or an object as described above.

Example

Change the class of the <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>

Try it yourself

Syntax

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

All HTML elements support.

Parameters