Javascript 单击后显示密码
我有一个清单页面,其中还包含一个密码字段。 我想隐藏密码时,页面加载,最好是有点显示****和点击后显示密码或弹出窗口 JS HTMLJavascript 单击后显示密码,javascript,jquery,html,angularjs,Javascript,Jquery,Html,Angularjs,我有一个清单页面,其中还包含一个密码字段。 我想隐藏密码时,页面加载,最好是有点显示****和点击后显示密码或弹出窗口 JS HTML 名称 通过 {{cert.name} 显示 {{cert.password}} 创建一个输入 <input type="password" name="???"> Show {{cert.password}} 您可以使用ng click to docert.showPw=true,这将向对象附加一个名为showPw(布尔值)的属性。结合ng s
名称
通过
{{cert.name}
显示
{{cert.password}}
创建一个输入
<input type="password" name="???">
Show
{{cert.password}}
您可以使用ng click to docert.showPw=true
,这将向对象附加一个名为showPw
(布尔值)的属性。结合ng show
,您可以轻松地在两者之间切换
这样,您将使控制器不受任何额外逻辑的影响。您可以在保存密码的范围上单击ng,该范围将设置showPw=false
,以将其切换回按钮
有关完整示例,请参见my。这不是输入,密码存在,我只想在选项卡中正确显示它
<div class="panel panel-default">
<table class="table table-striped valign_middle">
<tr class="table_header">
<td>Name</td>
<td>Pass</td>
</tr>
<tr ng-repeat="cert in certs | filter:search | orderBy:['name']">
<td>{{cert.name}}</td>
<td>
<button class="w3-btn w3-black w3-hover-green w3-ripple" ng-click="get_cert()">Show</button>
<span ng-show="get_cert()">{{cert.password}}</span>
</td>
</tr>
</table>
<input type="password" name="???">
$("#idOfInout")type = 'text';
<button ng-show="!cert.showPw" class="w3-btn w3-black w3-hover-green w3-ripple" ng-click="cert.showPw = true">Show</button>
<span ng-show="cert.showPw">{{cert.password}}</span>