我正在尝试从指令函数访问父控制器范围。当我尝试获取$scope.$parent
它的值时,将返回该对象。但是,当我尝试从该对象访问任何变量时,它将返回Undefined。
app.controller('myCtrl', function ($scope, $http, $timeout) {
$scope.init = function(){
$http.get('url.php').success(function(data){
$scope.assignmentInfo = data.record;
});
};
});
app.directive('getInfo', [function(){
return {
restrict: 'A',
scope:{
data:'=',
title: '='
},
link:function(scope, elem, attrs){
scope.$watch('data.visible', function(val){
// do something
});
},
controller: function($scope) {
console.log($scope.$parent); // return an object
console.log($scope.$parent.assignmentInfo); // return undefined
},
templateUrl: 'template.html'
};
}]);
首先console.log($scope.$parent)
返回以下输出:
但是$scope.$parent.assignmentInfo
回来underfined
我如何进入assignmentInfo
?
实际上,这是由于您assignmentInfo
在尚未分配时尝试打印,因此您应该$watch
这样做:
angular.module('app', [])
.controller('ctrl', ['$scope', '$timeout', function($scope, $timeout) {
$timeout(function() {
$scope.assignmentInfo = 'some data';
}, 1000)
}])
.directive('myDirective', function() {
return {
scope: {},
template: '<div>from directive: {{assignmentInfo}}</div>',
controller: function($scope) {
$scope.$watch(function() {
return $scope.$parent.assignmentInfo;
}, function(value) {
if (value){
console.log(value);
$scope.assignmentInfo = value;
}
})
}
}
})
<script src="//code.angularjs.org/snapshot/angular.min.js"></script>
<div ng-app='app' ng-controller='ctrl'>
<my-directive></my-directive>
</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句