为什么不能在具有独立作用域的指令模板中访问$ rootScope？

为什么不能在具有独立作用域的指令模板中访问$ rootScope？

您可以使用以下方法尝试

$root.blah

工作守则

html

 <label ng-click="test($root.blah)">Click</label>

javascript

  angular.module('app', [])    .controller('Ctrl', function Ctrl1($scope,  $rootScope) {        $rootScope.blah = 'Hello';        $scope.yah = 'World'    })    .directive('myTemplate', function() {        return { restrict: 'E', templateUrl: 'my-template.html', scope: {}, controller: ["$scope", "$rootScope", function($scope, $rootScope) {     console.log($rootScope.blah);     console.log($scope.yah);     $scope.test = function(arg) {         console.log(arg);     } }]        };    });