/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

4 votes251 views1 answer
About_Execution_Policies at http://go.microsoft.com/fwlink/?LinkID=135170. At line:1 char:1 + live-server --port=9000 + ~~~~~~~~~~~ + CategoryInfo : SecurityError: (:) [], PSSecurityException + FullyQualifiedErrorId : UnauthorizedAccess
TypeScript
0 vote153 views1 answer
Ngbcollapse error with Reactive Forms
TypeScript
0 vote167 views1 answer
Docker: Error response from daemon: Ports are not available: listen tcp 0.0.0.0:3306: bind: Only one usage of each socket address (protocol/network address/port) is normally permitted.
TypeScript
1 vote147 views1 answer
Node js process on unhandled promise rejection
TypeScript
0 vote154 views2 answers
Angular http
TypeScript
1 vote163 views1 answer
How to remove the dots from ul
TypeScript
0 vote159 views1 answer
How to check typescript version for my react-app
TypeScript
0 vote188 views2 answers
How to add image from assets inside as a decoration image in container
TypeScript
0 vote237 views1 answer
Flutter web keep focus on textfield
TypeScript
10 votes172 views3 answers
Mongodb find starts with
TypeScript