javascript - 如何更改AngularJS中的输入类型

Question

我有 2 个字段，一个是 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，风格偏好)