angular calling controller function in from directive controller

Question

I have a question that should be really simple, but i cannot find the answer.

I have controller a:

app.controller('myController', function ($scope){

    $scope.MyParentFunction = function(){ 

              alert("it does not work..");

    };     

}

And Controller b, which is inside a directive:

app.directive('myDirective', function () {

var directive = {};

    //properties
    directive.scope = {
        date: '=ngModel',
    },

    //controller
    directive.controller = function ($scope) {

        $scope.CallParentFunction = function(){

          //Call Function From Parent scope here
          $scope.MyParentFunction();     

        }

    },

    //call parent function in template
    directive.template = '<div ng-click="CallParentFunction()">Call</div>'; 

    return directive;

});

How can i call "MyParentFunction()" from my directive controller? Thanks in advance!

is MyDirective inside myController in the dom structure ? could you create a plunker as well, plnkr.co/edit — dreamweiver
– dreamweiver, Commented Dec 23, 2016 at 10:07
the following one is not working, but shows the main idea! plnkr.co/edit/dv90rBhtgXl9pOU12VKj?p=preview — Peter Van de Laar
– Peter Van de Laar, Commented Dec 23, 2016 at 10:42

Mohamed dev · Accepted Answer · 2016-12-23 10:47:47Z

1

Hope this will help:

All you need is to bind your parent function

directive.scope = {
    date: '=ngModel',
    callParentFunction: "&"  //function binding 
}

http://plnkr.co/edit/y7I1g7bKok8NOADipqX4?p=preview

Take a look at the angularjs documentation

https://docs.angularjs.org/guide/directive

answered Dec 23, 2016 at 10:47

Mohamed dev

1721 silver badge8 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Peter Van de Laar Over a year ago

Yep, does the job pretty much! thanks. I knew it would be simple.

Collectives™ on Stack Overflow

angular calling controller function in from directive controller

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related