How to access parent controller data inside child controller in angular js
Question
Can we access model data of parent controller inside child controller
<div ng-controller="abc">
<div ng-controller="def">
<span> {{name}}</span>
</div>
</div>
can we access "model" value is it belongs in "abc" controller?
2 answers
solution1
0 ACCPTED 2015-01-08 11:40:01
Below code will help you. you can be able to access parent controller using $parent.
<script>
function abc($scope) {
$scope.name = "Pragnesh"
}
function def($scope) {
$scope.name = "Test"
}
</script>
<html ng-app="">
<body>
<div ng-controller="abc">
<div ng-controller="def">
<span> {{name}}</span>
<span> {{$parent.name}}</span>
</div>
</div>
</body>
solution2
0 2015-01-08 11:40:28
Try using $parent (ie $scope.$parent), this will refer to the parent scope of a controller.
It is also explained here: AngularJS access parent scope from child controller
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
How to access Child Controller Scope in Parent Controller in Angular?
In angular js, How do I pass data from a parent controller to a child controller?
not able to access child component of parent inside controller
Angular JS Error with Parent Child controller
How to access the parent controller from the child routes in Ember JS?
How to pass data from parent to child controller using angular $broadcast?
Angular JS parent controller unable to pass alone variables to child controller
how do I access child elements of JSON in the controller in Angular JS
How to access both child and parent controller in directive?
EmberJS - how to access parent controller from within child controller?
Related Tags