/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 vote138 views1 answer
Vue bootstrap tooltip
TypeScript
1 vote153 views1 answer
Custom decorator in loopback4
TypeScript
0 vote139 views1 answer
How to calculate distance between 2 points in knex postgis
TypeScript
22 votes166 views3 answers
Typescript cast string to number
TypeScript
1 vote137 views1 answer
Error: ./src/main.ts Module build failed (from ./node_modules/@ngtools/webpack/src/ivy/index.js): TypeError: Cannot read property 'createUniqueName' of undefined
TypeScript
2 votes129 views1 answer
Angular convert file to base64
TypeScript
0 vote152 views1 answer
React-scripts start error
TypeScript
4 votes134 views1 answer
Push elements of array to another array typescript
TypeScript
1 vote165 views1 answer
Typescript override interface property
TypeScript
0 vote132 views1 answer
Typescript throw not implemented exception
TypeScript