/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

5 votes225 views3 answers
Typescript function as parameter
TypeScript
0 vote211 views1 answer
When to stop testing
TypeScript
1 vote225 views1 answer
Adding paragraphs with foreach in angular docx.js
TypeScript
0 vote218 views1 answer
Named types just give a name to a type
TypeScript
0 vote210 views1 answer
Components of .net framework
TypeScript
0 vote224 views1 answer
Typescript add one month to date
TypeScript
0 vote221 views1 answer
Angular typescript filter array group by attribute
TypeScript
0 vote217 views1 answer
Cannot find name 'modalRef'
TypeScript
0 vote215 views1 answer
TypeScript error in node_modules/@types/jest/node_modules/jest-diff/build/diffLines.d.ts(8,13): '=' expected. TS1005
TypeScript
2 votes233 views1 answer
Reactive form programmatically set value
TypeScript