Wie ändert man das Attribut eines Elements in Angular 2

Question

Ist es möglich, das Attribut eines HTML-Elements mit Code in Angular zu ändern? Ich habe eine Schaltfläche, die ich möchte, um das Typ-Attribut einer Eingabe von Passwort in Text zu ändern. Dies ist, was kam zuerst in den Sinn:

Vorlage:

<input name="password" type="password" /> 

<button click="showPassword()">eye</button> 

Komponente:

showPassword() : void 
{ 
     //how do I change the password input to text input. Is there a better way to do this? 
    } 

Answer 1

<input name="password" [type]="password" /> 

In ts Datei

public password='password'; 
showPassword() : void 
{ 
     this.password=(this.password=='password')?'text':'password'; 
} 

Answer 2

In Ihrem HTML,

<input name="password" [type]='password' /> 

<button click="showPassword()">eye</button> 

In Ihrem TS,

export class ClassName { 
    password: String = 'password'; 
    showPassword() : void{ 
     this.password = (this.password=='password')?'text':'password'; 
    } 
}