javascript - 在 Controller 中访问 $rootScope 方法

Question

在this ng-book JSBin , 由于原型(prototype)继承，$scope.$watch() 是否解析为 $rootScope.$watch()。

我们能否在 Controller 中显式注入(inject) $rootScope 以便 $scope 与 Controller 中的 $rootScope 相同，而无需经过原型(prototype)继承？

在此复制代码以供引用:

    // open this example and type person.name into the test field
    angular.module('myApp', [])
    .controller('MyController',
    ['$scope', '$parse', function($scope, $parse) {

      $scope.person = {
        name: "Ari Lerner"
      };

      $scope.$watch('expr', function(newVal, oldVal, scope) {
        if (newVal !== oldVal) {
          // Let's set up our parseFun with the expression
          var parseFun = $parse(newVal);
          // Get the value of the parsed expression, set it on the scope for output
          scope.parsedExpr = parseFun(scope);
        }
      });
    }]);

Answer 1

只需以与 $scope 或 $parse 相同的方式注入(inject)它，然后就可以在您的 Controller 中访问在 $rootScope 上定义的任何内容。

app.controller('MyController', ['$scope', '$parse', '$rootScope', 
   function($scope, $parse, $rootScope) {

      $rootScope.foo();

      console.log($rootScope.bar);
   }
]);

等等