angular - 如何动态更改ionic2/Angular2中输入字段的类型？

Question

我正在尝试使用显示选项实现密码字段

<ion-item>
  <ion-label color="dark" fixed>Mot De Passe</ion-label>
  <ion-input type="password"></ion-input>
  <ion-icon
      [name]="isActive?'eye':'eye-off'"
      item-right
      (click)="isActive=!isActive;"
      isActive=true>
 </ion-icon>
</ion-item>

所以，我可以更改图标，但我不知道如何切换密码字段的类型!!

Answer 1

你有几个选择

插值

<ion-input type="{{ isActive ? 'password' : 'text' }}"></ion-input>

或

属性绑定(bind)

<ion-input [type]="isActive ? 'password' : 'text'"></ion-input>