如何使用两个变量设置ng-disable

时间:2014-08-28 18:10:48

标签: angularjs angularjs-directive

假设我有两个标志如下:

var myApp = angular.module('myApp', []);
myApp.controller('booleanController', function($scope, $interval){
$scope.isDisabled = false;
$interval(function(){
    $scope.isDisabled = !$scope.isDisabled;
  }, 1000)
})

和HTML一样:

<div ng-app='myApp'>
<div ng-controller="booleanController">
    Disable Option<input type="checkbox" ng-model="disableIt">
    </br>
    Select Two <input type="checkbox" ng-model="checked">
    </br>
    <select ng-disabled="{{disableIt && isDisabled}}">  <=========
        <option value="1">One</option>
        <option value="2" ng-selected="checked">Two</option>
    </select>
</div>
</div>

如何使用两个表达式disableIt和isDisabled来评估ng-disabled?

1 个答案:

答案 0 :(得分:3)

只需删除插值。做: -

 ng-disabled="disableIt && isDisabled"

ng-disabled正在寻找真正的价值,当你做ng-disabled="{{disableIt && isDisabled}}"时你正在设置字符串&#34; true&#34;或&#34;假&#34;作为ng-disabled的值,它始终是真实的。

<强> Plnkr