/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 votes262 views1 answer
React typescript scss
TypeScript
1 vote290 views1 answer
React filter contains
TypeScript
0 vote259 views1 answer
Splice array based on index typescript
TypeScript
0 vote258 views2 answers
Custom fonts vue
TypeScript
0 vote282 views1 answer
Products = product.object.all() python
TypeScript
0 vote274 views1 answer
Python program to extract characters from various text files and puts them into a list
TypeScript
4 votes353 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 vote291 views1 answer
How to get unique names oin array typescript
TypeScript
5 votes254 views4 answers
React native select
TypeScript
0 vote252 views1 answer
How to make a dictionary of indices and lists python
TypeScript