How to call a method defined in an AngularJS directive?

Question

I have a directive, here is the code :

.directive(\'map\', function() {
    return {
        restrict: \'E\',
        replace: true,
        template: \'<         


        

Answer 1

How to get a directive's controller in a page controller:

1. write a custom directive to get the reference to the directive controller from the DOM element:

   angular.module('myApp')
       .directive('controller', controller);
   
   controller.$inject = ['$parse'];
   
   function controller($parse) {
       var directive = {
           restrict: 'A',
           link: linkFunction
       };
       return directive;
   
       function linkFunction(scope, el, attrs) {
           var directiveName = attrs.$normalize(el.prop("tagName").toLowerCase());
           var directiveController = el.controller(directiveName);
   
           var model = $parse(attrs.controller);
           model.assign(scope, directiveController);
       }
   }
   

2. use it in the page controller's html:

3. Use the directive controller in the page controller:

   vm.myDirectiveController.callSomeMethod();
   

Note: the given solution works only for element directives' controllers (tag name is used to get the name of the wanted directive).