Calling function inside angular directive and inject event in parameters

Question

I need your help.

I have a directive with a function parameter ( scope: { myParam: '@'}). And I'm passing the parameters in HTML, like my-param="myFunc(param1, param2)"

This works perfectly. But, I need to inject the event object in to the parameters. Does some one know how can I do that?

I tried $provider.annotate and $provider.instantiate, but they did not work because it's taking the reference function in directive. ($a in my case), so it can't get the function arguments.

any idea?

Answer 1

When you're calling a function created by the & isolate scope syntax, you can pass parameters to it as a named map. If your directive is defined like this:

scope: { myParam: '&' },
link: function (scope, el) {
  el.on('click', function (e) {
    scope.myParam({$event: e});
  });
}

and used like this:

<my-directive my-param="console.log($event)"></my-directive>

... you should see the desired behavior.