Bom dia galera, estou fazendo um toggle icon com eye-off e eye-on (olho), como mostra o código.
<ion-content>
<ion-list>
<ion-item *ngFor="let channel of channels; let i = index"[attr.data-index]="i">
<ion-icon name="weg-marker" item-start [style.background-color]="getBackgroundColor(channel.color)"></ion-icon>
<h2>{{ channel.parameter.desc[translate.currentLang] }}</h2>
<ion-icon name="eye" padding item-end (click)="toggle()" *ngIf="visible"></ion-icon>
<ion-icon name="eye" ios="ios-eye-off" md="md-eye-off" *ngIf="!visible" padding item-end (click)="hide(channel)"></ion-icon>
<ion-icon name="more" padding item-end (click)="showMoreOptions($event, channel, i)"></ion-icon>
</ion-item>
</ion-list>
</ion-content>Controller
toggle(){
this.visible = !this.visible;
}Só que quando eu chamo essa controller ao clicar no ícone, todos os ícones da lista são mudados, qual a melhor maneira de eu fazer isso?
