AngularJs calling function in link from controller

Question

I have a parent controller and i want to call a function in link from controller but when try to access it gives

TypeError: undefined is not a function

My Controller:

scope.test = function(m)
{
 linkfunction(m);
}

My Directive: .......... link: function(scope, element, attrs) {

 linkfunction = function (n){
  ........somethings........
  }

  ..........
  }

How can i call function in link from directive?

it is in directive link,not in a other controller,there is only one controller — user4773604, Apr 29 '15 at 07:05
If you have to do something like that you are doing something wrong. Expose both methods to the view and when you use ng-click or w/e call both methods there. — Adrian Neatu, Apr 29 '15 at 07:20
This might be something that you need http://stackoverflow.com/questions/16839259/angular-calling-controller-function-inside-a-directive-link-function-using — BKM, Apr 29 '15 at 07:22
`undefined is not a function`. what is undefined ? Any object? — Ramesh Rajendran, Apr 29 '15 at 07:25

score 0 · Answer 1 · answered Apr 29 '15 at 10:45

1) Using Isolated Scope

HTML

<div test-directive callback-fun="testFunction()"></div>

Controller:

$scope.testFunction = function(){
  console.log("test")
}

Directive:

.directive('testDirective', function() {
     return {
         scope: {
            callbackFun: '&'
         },
         link: function(scope, element, attrs) 
         {
            scope.callbackFun();
         }
     }
 })

2) Without using Isolated Scope

HTML:

<div test-directive></div>

Controller:

$scope.testFunction = function(){
  console.log("test")
}

Directive:

.directive('testDirective', function() {
     return {
         link: function(scope, element, attrs) 
         {
            scope.testFunction();
         }
     }
 })

AngularJs calling function in link from controller

1 Answers1