AngularJS: Call external functions from directive?

Question

I'm trying to create a custom component that uses external functions defined in the controller, but I'm experiencing different problems. Example: I want to create a custom input with a external function defined in the controller, like: ``` ``` The thing is that I've tried different approaches to call this from the directive but with no success at all, like: Directive: ``` link: function(scope, element, attrs, ctrl) { if (typeof(attrs.extFunction) != "undefined") { scope.$eval(attrs.extFunction); } } ``` Controller ``` $scope.checkLength = function(element){ console.log('Checking length from: '+element); } $scope.checkPasswordIsStrong = function(element){ console.log('Checking password from: '+element); } ``` - How should I call from inside the directive these dynamic external functions? - How could I pass the element to the…

Accepted Answer

For example, you can use the `&` binding, like:

```
scope: {
    'fctn': '&extFunction'
},
```

That way it is part of the directive's scope. See: http://docs.angularjs.org/guide/directive

AngularJS: Call external functions from directive?

Solution

Problem