CODEWITHSUNDEEP
javascriptangularjs
Mike
Mike

Reputation: 3

doesn't work an expression in angular ng-disabled

I'm new in Angular, so maybe I missing something. Does anybody know, what's wrong with expression state in such case:

The value 'isDisable.state' change in 'p' tag, but not in 'ng-disabled'. The button doesn't change it state to disabled.

Here is the plunk:http://plnkr.co/edit/zc8k9oCUxlMRCkZKjQa5?p=preview

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Example - example-example53-production</title>
  

  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0-beta.1/angular.min.js"></script>

<script type="text/javascript">
var myapp = angular.module('switcher',[]);
myapp.controller('switchState', function ($scope) {
      $scope.isDisable = {'state':false};
      $scope.toggle = function () {
        $scope.isDisable.state = !$scope.isDisable.state;
       
      }
});
</script>
</head>
<body ng-app="switcher">
<div ng-controller="switchState">
<button ng-click="toggle()">toggle</button>
 <button ng-disabled="{{isDisable.state}}">Disabled</button>
 <p>{{isDisable.state}}</p>
</div>
</body>
</html>

Upvotes: 0

Views: 406

Answers (1)

tymeJV
tymeJV

Reputation: 104775

Remove the {{}}

ng-disabled="isDisable.state"

Upvotes: 4

Related Questions