/TypeScript/Ionic pasword visible inside ion-input

Ionic pasword visible inside ion-input

public showPassword: boolean = false;
public showHide(): void
{
	this.showPassword = !this.showPassword;
}

...

<div class="col-12 placeholder">
  <ion-input [type]="showPassword ? 'text' : 'password'" class="col-12" placeholder="Senha" [(ngModel)]="pwd"></ion-input>
  <ion-icon [name]="showPassword ? 'eye-off' : 'eye'" (click)="showHide()"></ion-icon>
</div>

Source: grepper.com

Similar codes

0 vote194 views1 answer
Ipywidgets hide widget
TypeScript
61 votes542 views6 answers
Ps1 cannot be loaded because running scripts is disabled on this system
TypeScript
1 vote199 views1 answer
Error: Gradle project sync failed. Please fix your project and try again.
TypeScript
0 vote201 views1 answer
What are the used of curly brackets in react functions
TypeScript
4 votes194 views2 answers
From how many ways we can define props with typescript react
TypeScript
0 vote231 views1 answer
Get elements in list in another list c#
TypeScript
2 votes205 views1 answer
React.children
TypeScript
0 vote192 views2 answers
Brackets latex
TypeScript
1 vote224 views2 answers
View all foreign key constraints postgres
TypeScript
0 vote207 views1 answer
Running same tests against different browsers
TypeScript