イオンv2のボタンをdiferentために同じ機能をバインド

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; 
    }