/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

3 votes115 views2 answers
Enum
TypeScript
0 vote122 views1 answer
Await constructor typescript
TypeScript
1 vote125 views1 answer
Property 'result' does not exist on type 'EventTarget'
TypeScript
32 votes118 views1 answer
Ng : File C:\Users\nEW u\AppData\Roaming\npm\ng.ps1 cannot be loaded. The file C:\Users\nEW u\AppData\Roaming\npm\ng.ps1 is setting execution policy, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170. At line:1 char:1
TypeScript
-3 votes164 views1 answer
How to implement Bootstrap 4 for Angular 2 ngb-pagination
TypeScript
0 vote142 views3 answers
Typescript type of function
TypeScript
0 vote124 views1 answer
Collection that accepts duplicate keys
TypeScript
0 vote119 views1 answer
Tes ssh gitlab
TypeScript
7 votes162 views2 answers
Sort array of objects in react js
TypeScript
1 vote115 views2 answers
Distance subplots matplotlib
TypeScript