Javascript AngularJs启用和禁用动态行为不按例外情况工作_Javascript_Angularjs

Javascript AngularJs启用和禁用动态行为不按例外情况工作

javascript angularjs

Javascript AngularJs启用和禁用动态行为不按例外情况工作,javascript,angularjs,Javascript,Angularjs,我是angularJs的新手，所以请直截了当地回答一些愚蠢的问题。我正在尝试为按钮点击事件实现一个动态行为，但它的工作是例外，是因为某些范围吗以下是我的Html代码： <html ng-app="loopModule"> <head> <title>Looping Example</title> <script type="text/javascript" src="js/lib/angular.js"></scrip

我是angularJs的新手，所以请直截了当地回答一些愚蠢的问题。我正在尝试为按钮点击事件实现一个动态行为，但它的工作是例外，是因为某些范围吗

以下是我的Html代码：

 <html ng-app="loopModule">
 <head>
 <title>Looping Example</title> 
 <script type="text/javascript" src="js/lib/angular.js"></script>
 <script type="text/javascript" src="js/lib/angular-sanitize.js"></script>
 <script type="text/javascript" src="js/controllers/LoopController.js"></script> 
</head>
<body>
  <div ng-controller="LoopController">   
  <strong>Using NG-DISABLED :</strong><br/>
  <button ng-disabled="isButtonDisabled" >I am Button</button>
  <button ng-click="disableButton(isButtonDisabled)" >Click Me</button>
 <br/>
</div>
</body>
</html>

问题是，当我单击“单击我”按钮时，按钮未启用，但如果我替换点击我用这个点击我

然后按钮作为例外被启用。我做错了什么？。请任何人帮助。

将控制器更改为：

var eventDrivenSample = angular.module('eventDrivenPackage', []);
loopModule.controller('LoopController' , 
function loopController($scope ,$window){
   $scope.isButtonDisabled = true;
   $scope.disableButton = function(isButtonDisabled){
     $scope.isButtonDisabled = !isButtonDisabled;
   }
 }
);

您的错误是没有设置scope属性的值（即

$scope.isButtonDisabled

），而是设置方法

disableButton

参数，AngularJS不监视该参数

非常感谢，明白了。

var eventDrivenSample = angular.module('eventDrivenPackage', []);
loopModule.controller('LoopController' , 
function loopController($scope ,$window){
   $scope.isButtonDisabled = true;
   $scope.disableButton = function(isButtonDisabled){
     $scope.isButtonDisabled = !isButtonDisabled;
   }
 }
);