Skip to content

Instantly share code, notes, and snippets.

@yuricamara
Last active May 3, 2018 15:00
Show Gist options
  • Save yuricamara/2afa8e586488344f280577e16242927e to your computer and use it in GitHub Desktop.
Save yuricamara/2afa8e586488344f280577e16242927e to your computer and use it in GitHub Desktop.
Códigos do tutorial "Exibir e esconder senha — Ionic 2+"
<ion-input [type]="isTextFieldType ? 'text' : 'password'">
</ion-input>
<!--
Botão que ao ser pressionado, executa o método togglePasswordFieldType
que por sua vez inverte o valor da propriedade isTextFieldType
-->
<button (click)="togglePasswordFieldType()" >
<!--
Os valores 'eye-off' e 'eye' são nomes de ionicons.
-->
<ion-icon [name]="isTextFieldType ? 'eye-off' : 'eye'"></ion-icon>
</button>
export class HomePage {
// Criamos uma propriedade pública que armazenará
// se o input senha é ou não do tipo texto.
isTextFieldType: boolean;
constructor(public navCtrl: NavController) {}
togglePasswordFieldType(){
this.isTextFieldType = !this.isTextFieldType;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment