/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 votes227 views2 answers
Get documents path c#
TypeScript
16 votes168 views4 answers
Npx create-next-app typescript
TypeScript
0 vote187 views1 answer
Property 'messaging' does not exist on type 'AngularFireMessaging'
TypeScript
2 votes210 views1 answer
Typescript type for intervalId
TypeScript
1 vote166 views2 answers
Alerts in material ui
TypeScript
-1 vote189 views1 answer
I comparer for lists c#
TypeScript
1 vote160 views1 answer
Nextjs waiting for compilation error
TypeScript
6 votes248 views6 answers
Remove special characters from string javascript
TypeScript
2 votes169 views1 answer
Enum usage typescript
TypeScript
0 vote123 views1 answer
Filter an array of objects react
TypeScript