如何在angularjs中更改输入类型

Question

我有两个字段，一个是password，另一个是checkbox

...
...
<input type="password" ng-model="data.password" id="form_password"></input>
<input type="checkbox" ng-model="data.show_password" id="show_password"></input>
<label> Show Password</label>
...
...

当用户点击show_password复选框时，我想将form_password类型更改为text，以便用户可以看到密码。

Answer 1

我会做以下事情：

<input ng-show="!data.show_password" type="password" ng-model="data.password" id="form_password">
<input ng-show="data.show_password" type="text" ng-model="data.password">
<input type="checkbox" ng-model="data.show_password" id="show_password">
<label>Show Password</label>

（或者显然你可以使用ng-hide，风格偏好）