文章/答案/技术大牛

发布

社区首页 >问答首页 >AngularJs启用和禁用不例外的动态行为

问AngularJs启用和禁用不例外的动态行为
EN

Stack Overflow用户

提问于 2014-03-16 14:12:31

回答 1查看 360关注 0票数 0

我是刚接触过天使语的人，所以请回答一些愚蠢的问题。我试图为单击事件上的按钮实现一个动态行为，但是它的工作是例外的，这是因为某些范围吗？

以下是我的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){
          if(isButtonDisabled)
                  isButtonDisabled = false;
           else
             isButtonDisabled = true;
          return isButtonDisabled;
   }
 }
);

问题是，当我单击“单击我”按钮时，按钮无法启用，但是如果我用这个按钮替换我，请单击“我”。

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

javascript

angularjs

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-03-16 14:16:21

将控制器更改为：

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没有监视该参数。

Demo

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/22437955

复制

相似问题

问AngularJs启用和禁用不例外的动态行为
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问AngularJs启用和禁用不例外的动态行为EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问AngularJs启用和禁用不例外的动态行为
EN