Dev Faq
0
votes

Classe CSS basée sur le nom

dans mon fichier .css em> j'ai plusieurs classes représentant l'icône de mon webcage. Basé sur ce que je récupère de mon code, je veux changer l'icône. 

<ng-container *ngFor="let item of parameterStruct">
   <span class="m-menu__link-wrap">
     <i class="sidebar-icon HERE"></i>
       <span class="m-menu__link-text icon-padding sideBar-text"
          style="padding-left: 15px; font-size: 12px"> 
           {{ item.description |translate }}
        </span>
   </span>
</ng-container>

0 commentaires

3 Réponses :

0
votes

Essayez ceci xxx

0 commentaires
2
votes

Vous pouvez utiliser le ngclass directive . Quelque chose comme:

1 commentaires

C'est ce que je cherchais. Merci

0
votes

Pour obtenir un résultat attendu, utilisez l'option ci-dessous d'utiliser NGCLASC 

<i class="sidebar-icon" [ngClass]="item.description?item.description + '-icon': ''"></i>

0 commentaires

Articles qui pourrait vous intéresser :

Impossible d'importer le module "@ angular / material"
Erreur de compilation angulaire: NG6001: la classe est répertoriée dans les déclarations du NgModule 'AppModule', mais n'est pas une directive, un composant ou un tube
erreur NG6002: apparaît dans le NgModule.imports d'AppModule, mais n'a pas pu être résolu en une classe NgModule
[ng update]: Erreur - Le package "@ angular-devkit / schematics" ne peut pas être résolu à partir du répertoire racine de l'espace de travail