/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

1 vote235 views2 answers
Passport serializeUser
TypeScript
0 vote247 views2 answers
Adding font in nextjs
TypeScript
0 vote240 views1 answer
Ts(2503)
TypeScript
2 votes241 views1 answer
Ts sorting
TypeScript
0 vote247 views1 answer
Ratio of subplots matplotlib
TypeScript
0 vote224 views2 answers
Add redux to react typescript
TypeScript
0 vote228 views1 answer
Number_format() expects parameter 1 to be float, string given
TypeScript
0 vote208 views1 answer
Path represents file or directory java
TypeScript
0 vote237 views1 answer
Update multiple documents with different field value by id set. Mongoose
TypeScript
0 vote285 views1 answer
Sourcetree winmerge arguments three way merge
TypeScript