angulaire.js - Quelle est la différence entre la directive et la classe ng-class d'Angular

Question

Je viens d'apprendre Angular JS pendant deux jours et j'ai un doute. J'ai vu que la directive ng-class dans Angular JS peut ajouter une classe correspondante à un certain nœud d'élément.

Mais j'aimerais demander, y a-t-il une différence entre cela et l'ajout d'une classe directement à un élément ? Angular js finira par analyser le contenu de la directive ng-class, puis ajoutera la classe correspondante à l'élément. Quels sont les avantages de faire cela ? Est-ce juste pour faciliter la modification ultérieure de la classe de ce nœud d'élément ?

Answer 1

Par exemple : ng-class="{red: x > 5}"
Si x>5 est vrai, ajoutez la classe nommée red à la classe
Il est pratique d'utiliser ng-class. Lorsque vous utilisez x dans le contrôleur, vous pouvez ajouter ou supprimer dynamiquement des classes, ce qui est bien plus pratique que d'utiliser javascript pour ajouter ou supprimer des classes dans la liste des classes

Answer 2

La fonction de ngClass est d'ajouter dynamiquement différentes classes selon les conditions, mais les classes natives n'ont pas cet effet

Answer 3

ng-class est une commande qui vous permet de changer la classe en fonction de la logique

Answer 4

La valeur correspondant à la classe utilisée dans notre HTML est une chaîne
Le ng-xxx en angulaire correspond à une expression ; Par exemple, la classe ng que vous avez rencontrée ici correspond à une clé : valeur.
Lorsque la valeur est vraie, le style de clé est appliqué.
Par exemple ng-class="{ someClass : true }";

Notez que si votre style est some-class, il doit être exprimé sous forme de type chaîne, tel que :

ng-class="{ 'some-class' : true }";