Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/363.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击后显示密码_Javascript_Jquery_Html_Angularjs - Fatal编程技术网

Javascript 单击后显示密码

Javascript 单击后显示密码,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

我有一个清单页面,其中还包含一个密码字段。 我想隐藏密码时,页面加载,最好是有点显示****和点击后显示密码或弹出窗口

JS

HTML


名称
通过
{{cert.name}
显示
{{cert.password}}
创建一个输入

<input type="password" name="???">
Show
{{cert.password}}
您可以使用ng click to do
cert.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>