Pass function via directive attribute

Question

How can I invoke a function via an directive attribute without isolated scope. I know that it possible with $parse and link.

For example:

<my-directive on-start="foo(query)> </my-directive>

And I want to invoke the function in the controller.

Thanks

Mario Lamacchia · Accepted Answer · 2015-12-06 15:51:49Z

3

With scope.$eval:

directive('myDirective', function() { return { link: function(scope, element, attrs) { element.on('click', function() { scope.$eval(attrs.onStart); }); } } });

answered Dec 6, 2015 at 15:51

Mario Lamacchia

1,7231 gold badge13 silver badges19 bronze badges

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

2 Comments

Daniel Jo Over a year ago

Thanks for your answer. In the directive I have an input text and a button, I want that the onStart fund will start before the function of the button clicked (and not when click the element).

casraf Over a year ago

Then just take the scope.$eval out of the element.on block. It will run immediately as the directive is evaluated.

Collectives™ on Stack Overflow

Pass function via directive attribute

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related