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?

Just access it like `{{model}}` it will be available in child scope. — dfsq, Jan 08 '15 at 11:35
It definitely takes {{name}} from the parent controller if there is no such in child controller.... — Bhojendra Rauniyar, Jan 08 '15 at 11:35

score 0 · Accepted Answer · answered Jan 08 '15 at 11:40

0

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>

answered Jan 08 '15 at 11:40

Pragnesh Khalas

2,908
2
13
26

@Sushil Kumar if you satisfied with answer so please accept the answer. – Pragnesh Khalas Jan 08 '15 at 12:00

score 0 · Answer 2 · edited May 23 '17 at 12:28

0

Try using $parent (i.e. $scope.$parent), this will refer to the parent scope of a controller.

It is also explained here: AngularJS access parent scope from child controller

edited May 23 '17 at 12:28

Community

1
1

answered Jan 08 '15 at 11:40

Dakshal Raijada

1,261
8
18

How to access parent controller data inside child controller in angular js

2 Answers2