如何在 Angular 的父控制器中访问子控制器范围？

Question

我正在学习 Angular JS，我有这样的父控制器和子控制器：

<div ng-controller="MainCtrl">
    <p>Good {{question}}</p>

    <div ng-controller="ChildCtrl">
        <p>Good {{answer}}!</p>
    </div>

    Bind the Child Controller's scope and show here: {{ answer}}
<div>

这里的子控制器使用的范围是这样的：

$scope.answer = response.answer;

如何在子控制器外和父控制器内显示{{ answer }}？

Answer 1

您还可以使用范围原型继承。

在 AngularJS 中，子作用域通常从其父作用域原型继承。但是answer 是原始类型（不是对象类型）。所以我们应该把我们的文本数据放到对象中，以确保原型继承在起作用。
（更多信息在这里：https://github.com/angular/angular.js/wiki/Understanding-Scopes）

控制器：

function MainCtrl($scope) {
  $scope.question = 'question';
  $scope.answer = {};
}
function ChildCtrl($scope) {
  $scope.answer.text = 'demo'; 
}

查看：

<div ng-controller="MainCtrl">
  <p>Good {{question}}</p>
  <div ng-controller="ChildCtrl">
    <p>Good {{answer.text}}!</p>
  </div>
  Bind the Child Controller's scope and show here: {{ answer.text}}
<div>

Answer 2

使用发布/订阅模式：

function MainCtrl($scope) {
  $scope.question = 'question'
  $scope.$on('response', function (evnt, data) {
    $scope.answer = data;
  });
}

function ChildCtrl($scope) {
  $scope.$emit('response', 'demo');
}

Demo here.