AngularJS:无法更改输入类型

Question

当我将 Angular 表达式作为 input 的 type 的值时，它将不起作用:

<input ng-model="model" type="{{'number'}}">

数值会转换为字符串，并且复选框根本不起作用。

http://jsfiddle.net/punund/NRRj7/3/

Answer 1

是的，你可以......至少现在:)

HTML:

<section ng-app="myApp" ng-controller="mainCtrl">
  <input type="{{inputType}}" placeholder="Put your password" />
  <input type="checkbox" id="checkbox" ng-model="passwordCheckbox" ng-click="hideShowPassword()" />
  <label for="checkbox" ng-if="passwordCheckbox">Hide password</label>
  <label for="checkbox" ng-if="!passwordCheckbox">Show password</label>  
</section>
<script src="http://code.angularjs.org/1.2.13/angular.min.js"></script>

JS:

var myApp = angular.module('myApp', []);
myApp.controller('mainCtrl', ['$scope', function( $scope ){

  // Set the default value of inputType
  $scope.inputType = 'password';

  // Hide & show password function
  $scope.hideShowPassword = function(){
    if ($scope.inputType == 'password')
      $scope.inputType = 'text';
    else
      $scope.inputType = 'password';
  };
}]);

来源:http://codepen.io/gymbry/pen/fJchw/

2015 年 4 月 17 日更新:

我在上面的 Codepen 中随机更改了 Angular 版本，这似乎从 1.0.2 版本开始工作......希望这有帮助...