每当在角度控制器中更改打开（视图）时捕获值

Question

view.html

<uib-accordion-group heading="Header" is-open="$parent.accordionOpen" ng-click="headerClick()">

app.js

myApp.controller('Controller', ['$scope', function($scope) {

  $scope.accordionOpen = false;

   $scope.$watch('accordionOpen', function(){
    console.log("watch accordionOpen:" +$scope.accordionOpen);
    }, true); 
    console.log("check accordionOpen:" +$scope.accordionOpen);  

  }]);

'检查手风琴打开：'日志总是打印错误。我尝试将 $scope.accordionOpen 值设置为服务设置方法，但这也不起作用。

plunker

打开手风琴后，图标启用并使用 ui-router 加载 Page1.html。在 page1.html 中，我试图在显示数据之前检查手风琴是否打开/关闭。

Answer 1

你的代码大致相当于下面的

myApp.controller('Controller', ['$scope', function($scope) {

  $scope.accordionOpen = false;
  console.log("check accordionOpen:" +$scope.accordionOpen);  //moved this line up

  $scope.$watch('accordionOpen', function(){
    console.log("watch accordionOpen:" +$scope.accordionOpen);
  }, true);          

}]);

您设置了$scope.accordionOpen = false，然后立即记录该值，这就是它始终为假的原因。我不确定您要在这里完成什么，但您的观察者应该在值发生更改时捕获它。

从 cmets 更新

因为您使用的是 ui-router，所以最好的办法可能是监听 $stateChangeSuccess 事件并捕获那里的值

myApp.controller('Controller', ['$scope', '$rootScope', function($scope, $rootScope) {

  $scope.accordionOpen = false;      

  $rootScope.$on('$stateChangeSuccess', function(){
    console.log("check accordionOpen:" +$scope.accordionOpen);
    //clear list of accordion elements based on $scope.accordionOpen
  }, true);          

}]);