/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

2 votes241 views2 answers
Material dialog disable close
TypeScript
1 vote311 views1 answer
List open ports firewalld
TypeScript
14 votes260 views3 answers
Generic arrow function typescript
TypeScript
0 vote257 views1 answer
Array of objects for in
TypeScript
-1 vote253 views1 answer
Java list of objects example
TypeScript
0 vote278 views1 answer
From the three types of styling, which one is the most useful in terms of website optimization?
TypeScript
0 vote244 views1 answer
Type argument optional typescript
TypeScript
12 votes259 views3 answers
Remove dots from li
TypeScript
1 vote227 views1 answer
If env variable exists bash
TypeScript
0 vote233 views1 answer
Typescript convert string to character array
TypeScript