使用角度将类型密码样式更改为无答案

【问题标题】：change type password style to none with angular使用角度将类型密码样式更改为无
【发布时间】：2014-03-28 07:06:41
【问题描述】：

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

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>

$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 上，当我希望有文本时，该字段将磁盘更改为正方形，知道为什么吗？

【问题讨论】：

标签： html css angularjs twitter-bootstrap angular-ui-bootstrap

【解决方案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/

【讨论】：

【解决方案2】：

您不能动态执行此操作，因为 IE 不允许这样做，并且它不符合跨浏览器兼容性的目的。现在，如果您真的想这样做。使用angularjs 的显示/隐藏功能来完成它。如果checkbox 是checked 则显示一个，否则显示另一个。

【讨论】：