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

Question

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

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>

我需要在节目中绑定(bind)一个函数，改变密码字段的样式或类型。搜索周围我发现一些主题，人们在讨论无法更改类型的事实，所以我想象的唯一方法是更改​​字段的样式，有没有办法将密码样式更改为“无”风格？
编辑
即使我使用了 Alex 提出的解决方案，而且我不得不说它有效，我也尝试以这种方式对类型使用绑定(bind)

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'
    }
}

它适用于 Explorer 和 Firefox，奇怪的是适用于 Chrome 和 Opera，当我希望有文本时，该字段将圆盘变为正方形，知道为什么吗？

Answer 1

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

示例:

<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/