綁定相同功能diferent按鈕離子V2

Question

我創建了一個眼睛圖標按鈕密碼查看/ notview

但我需要是「恢復密碼」頁面

在這個頁面一個頁面有3個輸入與他們相同的按鈕...

當我點擊一個，所有他們成爲切換。

如何將每個單獨綁定到相同的函數？

的代碼如下：

HTML

<ion-item> 
    <ion-input placeholder="Senha antiga" [type]="isSenhaView ? 'password' : 'text'"> 
    </ion-input> 
    <button ion-button icon-only item-right clear color="light" (click)="toggleSenhaView()"><ion-icon [name]="isSenhaView ? 'eye' : 'eye-off'"></ion-icon> 
    </button> 
</ion-item> 

TS

isSenhaView : boolean = true; 
    toggleSenhaView():void{ 
    this.isSenhaView = !this.isSenhaView; 
    } 

非常感謝你。

Answer 1

代碼示例：

<ion-item> 
    <ion-input placeholder="Senha antiga" [type]="isSenhaView1 ? 'password' : 
     'text'"> 
    </ion-input> 
    <button ion-button icon-only item-right clear color="light" 
     (click)="toggleSenhaView(1)"> 
     <ion-icon [name]="isSenhaView ? 'eye' : 'eye-off'"></ion-icon> 
    </button> 
</ion-item> 

<ion-item> 
    <ion-input placeholder="Senha antiga" [type]="isSenhaView2 ? 'password' 
     : 'text'"> 
    </ion-input> 
    <button ion-button icon-only item-right clear color="light" 
     (click)="toggleSenhaView(2)"> 
    <ion-icon [name]="isSenhaView ? 'eye' : 'eye-off'"></ion-icon> 
</button> 
</ion-item> 

<ion-item> 
    <ion-input placeholder="Senha antiga" [type]="isSenhaView3 ? 'password' : 
     'text'"> 
</ion-input> 
    <button ion-button icon-only item-right clear color="light" 
    (click)="toggleSenhaView(3)"> 
    <ion-icon [name]="isSenhaView ? 'eye' : 'eye-off'"></ion-icon> 
    </button> 
</ion-item> 



isSenhaView1 : boolean = true; 
isSenhaView2 : boolean = true; 
isSenhaView3 : boolean = true; 

toggleSenhaView(x):void{ 
    switch (x) 
    { 
    case 1: 
     this.isSenhaView1 = !this.isSenhaView1; 
     break; 
    case 2: 
     this.isSenhaView2 = !this.isSenhaView2; 
     break; 
    case 3: 
     this.isSenhaView3 = !this.isSenhaView3; 
     break;     
    } 

Answer 2

你可以easyly使用自己的函數中3個布爾

isSenhaView : boolean = true; 
isSenhaView2 : boolean = true; 
isSenhaView3 : boolean = true; 
    toggleSenhaView():void{ 
    this.isSenhaView = !this.isSenhaView; 
    this.isSenhaView2 = !this.isSenhaView; 
    this.isSenhaView3 = !this.isSenhaView; 
    }