/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 vote128 views1 answer
Typescript allow object subset of interface
TypeScript
0 vote181 views1 answer
Typescript react switch case component
TypeScript
0 vote148 views1 answer
Three requirements for laser action
TypeScript
1 vote146 views1 answer
Mongodb array not equal to value
TypeScript
3 votes228 views1 answer
Google sheets remove first character
TypeScript
0 vote158 views1 answer
Typescript document.queryselector type
TypeScript
0 vote153 views1 answer
Pptxgenjs table
TypeScript
0 vote136 views2 answers
Styled components tw
TypeScript
0 vote142 views1 answer
How to check if key exists in json object c#
TypeScript
0 vote136 views1 answer
How to display an image in flutter using its filepath
TypeScript