Javascript 如何更改angularjs中的输入类型

Javascript 如何更改angularjs中的输入类型,javascript,html,angularjs,Javascript,Html,Angularjs,我有两个字段,一个是密码,另一个是复选框 ... ... <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>

我有两个字段,一个是
密码
,另一个是
复选框

...
...
<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>
...
...
。。。
...
显示密码
...
...

当用户单击“显示密码”复选框时,我想将“格式密码”更改为“文本密码”,以便用户可以看到密码。

我将执行以下操作:

<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
,风格偏好)

我将执行以下操作:

<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
,风格偏好)