html - 将类型密码样式更改为无

我有个疑问，
我想在我的应用程序中放置一个复选框，以显示或隐藏密码输入的文本

的HTML

<input type="text" ng-model="data.username" placeholder="username" value="username" class="form-control" popover="inserisci qui il tuo username" popover-trigger="focus" popover-placement="right"/><br>
<input id="pwd" type="password" ng-model="data.password" placeholder="password" value="password" class="form-control" popover="inserisci qua la tua password" popover-trigger="focus" popover-placement="right"/><br>
<input class="btn-primary btn-lg" type="submit" value="Login">
<button class="btn-warning btn-lg" type="button" ng-click="cancel()">CANCELLA</button>
<input ng-model="show" type="checkbox"><span>Show Password</span>

我需要在节目上绑定一个函数，该函数会更改密码字段的样式或类型。
在四处搜寻时，我发现一些话题，人们在此讨论无法更改类型的事实，因此，我想象的唯一方法是更改​​字段的样式，是否有办法将密码的样式更改为“无”风格？

编辑
即使我使用了Alex提出的解决方案，并且不得不说它是可行的，我还是试图以这种方式对类型使用绑定

的HTML

<input id="pwd" type="{{passwordtype}}" ng-model="data.password" placeholder="password" value="password" class="form-control" popover="inserisci qua la tua password" popover-trigger="focus" popover-placement="right"/><br>
<input ng-model='check' ng-change="show()" type="checkbox"><span>SHOW PASSWORD</span>

JS

$scope.check=false
$scope.show=function(){
    if($scope.check==false){
        $scope.check=true;
        $scope.passwordtype='text'
    }else{
        $scope.check=false;
        $scope.passwordtype='password'
    }
}

它适用于资源管理器和Firefox，奇怪地适用于Chrome和Opera，当我希望有文字时，该字段会将光盘更改为正方形，为什么？

最佳答案

您可以使用简单的显示和隐藏魔术。

例：

<input ng-show="show" type="text" ng-model="password">
<input ng-hide="show" type="password" ng-model="password">
<input type="checkbox" ng-model="show" ng-checked="false">

实时示例：http://jsfiddle.net/choroshin/694f7/1/

关于html - 将类型密码样式更改为无，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22608215/