/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

30 votes293 views6 answers
Install typescript using npm
TypeScript
-2 votes266 views1 answer
Nuclear power plants
TypeScript
1 vote270 views1 answer
React-draggable disable
TypeScript
0 vote311 views2 answers
How do i add limitations in inputs in python
TypeScript
6 votes302 views3 answers
Angular form set value
TypeScript
156 votes490 views6 answers
Javascript capitalize all words
TypeScript
15 votes257 views2 answers
Which sentence has all alphabets
TypeScript
0 vote307 views3 answers
How to bold to custom fonts on Online
TypeScript
1 vote273 views1 answer
Array of object react js useState
TypeScript
0 vote292 views1 answer
Minimum requirements to start it company
TypeScript