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

Question

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

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

要么

财产约束

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