0
votes

Classe active utilisant * ngif

 <li (click)="leftMenuEvent(lMenu)"  *ngFor="let lMenu of leftMenuDetails" [ngClass]="{active: setleftActive(lMenu)}">
          <a><img alt="" [src]="lMenu.normalimg">{{lMenu.text}}</a></li>
My thing is to change the [src] to lMenu.selectedimg on [ngClass]={active}
(i.e):When on clicked

typescript angular6

1 commentaires

Vous voulez qu'il change de cliquer sur la balise d'ancrage non?

3 Réponses :

0
votes

Appliquer ngclass code> de cette façon. xxx pré>

mise à jour strong> p>

pour mettre à jour la valeur [SRC]: p>

flag: any = false; // Dafault it will false. 


leftMenuEvent(event){
     this.flag = true;
}

 simplement faire le drapeau true sur son événement de clic.

 fichier .TS  p>

[src]="flag ? lMenu.selectedimg : lMenu.normalimg"

1 commentaires

Non, ce n'est pas mon besoin, c'est quand je clique sur mon

je veux changer le [src] = "lmenu.normalimg" à [src] = "lmenu.selectedImg"

0
votes

<li
  (click)="leftMenuEvent(lMenu)"
  *ngFor="let lMenu of leftMenuDetails"
  [ngClass]="{ active: setleftActive(lMenu) }"
>
  <a><img alt="" [src]="setleftActive(lMenu) ? lMenu.selectedimg : lMenu.normalimg" />{{ lMenu.text }}</a>
</li>
Did you mean this?

1 commentaires

Content de savoir que, heureux codage!

0
votes

Essayez de cette façon xxx

html xxx

0 commentaires