在加载或导航时，控制器加载顺序不同

Question

所以我的控制器的结构可能是造成这种情况的原因。在这里您可以看到父控制器和子控制器，但重要的部分在这里：

父控制器

//Load version
$scope.person = People.people.get({ id: $routeParams.id}, function(person) {
     var associations = {
         events: person.events || [],
         people: person.people || [],
         places: person.places || []
     };
     $scope.$broadcast('setAssociations', associations);
});
//Event version
$scope.$on('getAssociations', function(e, args) {
  var associations = {
    events: $scope.person.events || [],
    people: $scope.person.people || [],
    places: $scope.person.places || []
  };
  $scope.$broadcast('setAssociations', associations);
});

子控制器

$scope.$on('setAssociations', function(event, args) {
    $scope.parentEvents = args.events;
});

$scope.$emit('getAssociations', {});

如果刷新页面，或者从应用程序外部导航到页面（任何导致页面完全加载的内容），事件版本就会工作。导航到此时，$scope为空，此方法失败。

因此，当“深度链接”或刷新时，以及当进行内部导航时，应用程序加载控制器的顺序是不同的。如何从具有父子关系的角度控制器获得一致的负载行为？

Answer 1

从另一个角度来看这个问题，因为子作用域通常继承自父作用域，这意味着我们在父作用域上定义的任何属性都可以在子作用域中立即访问...即使稍后将属性添加到父作用域，也是在创建子作用域之后。换句话说，您可能不必使用事件来向孩子获取您想要的信息。

如果您的问题仅仅是子作用域需要父作用域的一些信息，那么只需将这些数据分配给一个新的parent$scope属性，并让您的子视图访问它。当它被定义时，它将出现在子视图中。尝试$scope.associations而不是VAR Associations。

这里是一个人为的小提琴，它使用ng-click将一些数据添加到父范围，然后在子视图中可见。