使用隔离范围时,伪指令的模板似乎无法访问控制器(’Ctrl’)$ rootScope变量,但是该变量确实出现在伪指令的控制器中。我了解为什么控制器(’Ctrl’)$ scope变量在隔离范围中不可见。
HTML:
<div ng-app="app"> <div ng-controller="Ctrl"> <my-template></my-template> </div> <script type="text/ng-template" id="my-template.html"> <label ng-click="test(blah)">Click</label> </script> </div>
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); } }] }; });
JSFiddle
可以在没有隔离作用域的情况下访问变量-如注释隔离作用域行所示:
// scope: {},
您可以使用以下方法尝试 $root.blah
$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); } }] }; });