Question

是否可以使用Angular中的代码更改HTML元素的属性？我有一个按钮，我希望它将输入的类型属性从密码更改为文本。这是最初想到的：

模板：

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

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

组件：

 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" />

在ts档案中

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

Answer 2

在您的HTML中，

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

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

在你的TS中，

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

如何在Angular 2中更改元素的属性

2 个答案: