/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 vote140 views1 answer
How do you move data between the request
TypeScript
2 votes105 views1 answer
Make props optional react typescript
TypeScript
4 votes148 views3 answers
Find distance between two points in opencv python
TypeScript
0 vote154 views1 answer
Google sheets new line
TypeScript
6 votes162 views1 answer
Create react native app typescript ligne command
TypeScript
7 votes143 views6 answers
How to Reload a Component in Angular
TypeScript
0 vote141 views1 answer
Group elements in list with some attributes
TypeScript
1 vote155 views2 answers
Dart clone list
TypeScript
0 vote150 views1 answer
__redux_devtools_extension_compose__ typescript
TypeScript
26 votes151 views4 answers
Typescript type from enum values
TypeScript