Comment éviter « Impossible de lire la propriété « supprimer » de non défini » lors de l'utilisation de *ngClass d'Angular ?

Utilisation de classes conditionnelles avec *ngClass dans Angular

Cet article aborde un problème rencontré lors de l'utilisation de la directive Angular ngClass pour attribuer des conditions cours. L'erreur "Impossible de lire la propriété 'supprimer' d'undéfini" est déclenchée par une implémentation incorrecte de ngClass.

Pour résoudre le problème, il est important de comprendre que la version 2 d'Angular propose plusieurs approches pour conditionnellement appliquer des cours :

Option 1 :

[class.my_class] = "step === 'step1'"

Option 2 :

[ngClass]="{'my_class': step === 'step1'}"

Option 3 : Plusieurs classes

[ngClass]="{'my_class': step === 'step1', 'my_class2': step === 'step2' }"

Option 4 : Utiliser les nombres comme Clés

[ngClass]="{'1': 'my_class1', '2': 'my_class2', '3': 'my_class4'}[step]"

Option 5 : Opérateur conditionnel

[ngClass]="step === 'step1' ? 'my_class1' : 'my_class2'"

Il convient de noter que l'exemple que vous avez fourni, utilisant la syntaxe setter, n'est pas un approche recommandée. Optez plutôt pour l’une des méthodes décrites ci-dessus. En implémentant ces modifications, vous pouvez utiliser efficacement *ngClass pour appliquer des classes conditionnelles et éviter l'erreur « Impossible de lire la propriété 'supprimer' d'un élément non défini".

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!