在隔离范围内,指令的模板似乎无法访问 Controller ('Ctrl')$rootScope 变量,但是它确实出现在指令的 Controller 中。我明白为什么 Controller ('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);
}
}]
};
});
在没有隔离范围的情况下访问变量 - 可以通过注释隔离范围行看到:
// scope: {},
最佳答案
你可以尝试使用 $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);
}
}]
};
});
关于javascript - 为什么不能在具有隔离作用域的指令模板中访问 $rootScope?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23595866/