Ce schematic migre les utilisations de la directive NgClass vers des class bindings dans votre application. Il ne migre que les utilisations considérées comme sûres à migrer.
Lancez le schematic avec la commande suivante :
ng generate @angular/core:ngclass-to-classAvant
<div [ngClass]="{admin: isAdmin, dense: density === 'high'}"></div>Après
<div [class]="{admin: isAdmin, dense: density === 'high'}"></div>Options de configuration
La migration propose quelques options pour l'ajuster finement à vos besoins.
--migrate-space-separated-key
Par défaut, la migration évite de migrer les utilisations de NgClass dont les clés de l'objet littéral contiennent des noms de classes séparés par des espaces.
Quand l'option --migrate-space-separated-key est activée, un binding est créé pour chaque clé individuelle.
<div [ngClass]="{'class1 class2': condition}"></div>devient
<div [class.class1]="condition" [class.class2]="condition"></div>