如何在AngularJS中更新父范围？

Question

我尝试使用两种解决方案从子控制器更新我的父作用域，但我无法使其工作。 apply()没有工作

HTML：

<div ng-controller="ControllerA">
   <div ng-show="tab_selected == 1">Content1</div>
   <div ng-show="tab_selected == 2">Content2</div>
   <div ng-controller="ControllerB">
      <span ng-click="updateScope()"></span>
   </div>
</div>

JS：

app.controller('ControllerA', ['$scope', 
  function ($scope) {
     $scope.tab_selected = 1;
}]);

app.controller('ControllerB', ['$scope', 
  function ($scope) {
     $scope.updateScope = function(){
        $scope.tab_selected = 2;
        // $scope.apply(function(){  $scope.tab_selected = 2; }); 
     }
}]);

Answer 1

控制器具有单独的范围，但有几种通信方式

• $将事件广播到父范围
• 使用服务进行双向数据绑定，即http://plnkr.co/edit/Vqk1Fe?p=preview
• 具有范围继承，即http://plnkr.co/edit/7wcMnJ?p=preview

Answer 2

您无法更新父对象中的原始属性，只能更新对象属性。所以你需要使用：

$scope.someObject= {};
$scope.someObject.tab_selected= 2;