Call parent method from child app

Question

I have checkbox on child app controller, so when user click on it, I need to call some method from parent controller: Parent app controller:

<div ng-controller="ParentCntr as parentCntr">
    <child-app></child-app>
</div>

Child app:

   <div class="child-app" ng-controller="ChildCntr as childCntr">
       <div class="checkbox no-indent">
          <input type="checkbox"
                 name="test"
                 id="test"
                 ng-change="childCntr.DisableText()"
                 ng-model="childCntr.testVar"/>
         <label for="test">Some Text</label>
       </div>
   </div>

So, how to do this in easiest way?

Possible duplicate of [AngularJS access parent scope from child controller](https://stackoverflow.com/questions/21453697/angularjs-access-parent-scope-from-child-controller) — Vivz, Aug 10 '17 at 12:34
For some reason parentCntr.myMethod() doesn't works. Maybe because I am inserting child controller as app? — Ted, Aug 10 '17 at 12:41
I must add... The modularity created by Angular, you should really not do this. You should fire events or pass something up. Ideally you should be creating self contained components. Sure, you can do this, but really.... should you? — Fallenreaper, Aug 10 '17 at 13:01

score 0 · Accepted Answer · answered Aug 10 '17 at 12:57

0

So to access to the parent scope you can use $parent like this :

<div ng-controller='SecondCtrl' ng-click='$parent.testFunction()'>{{$parent.name}}</div>

Here is a working example.

answered Aug 10 '17 at 12:57

JeanJacques

1,754
1
12
25

Call parent method from child app

1 Answers1