Tengo un ngFor en el cual saco 5 elementos, quiero que al hacer click cambie el color de ese elemento solo, pero no de los demás. Como podría hacerlo?
<ul>
<li *ngFor="let fpermisos of permisos | slice:0:5; let i = index">
<i class="fas fa-check-circle" [ngClass]="{'ver-activado': ver, 'ver-desactivado': !ver}" (click)=Updatever();></i>
<i class="fas fa-eye" [ngClass]="{'habilitar-activado': habilitar, 'habilitar-desactivado': !habilitar}" (click)=Updatehabilitar();></i> {{fpermisos.titulo}}</li>
</ul>
Mi componente:
Updatever() {
if(this.ver == false) {
this.ver = true;
} else {
this.ver = false;
}
}
Updatehabilitar() {
if(this.habilitar == false) {
this.habilitar = true;
} else {
this.habilitar = false;
}
}
Por más vueltas que le doy no consigo hacerlo Y.Y