AngularJS: Execute controller function from a nested directive

Question

I have a question regarding executing a function (defined inside a controller) from a directive, but with another directive between these two (so this directive just passes forward the function). I made a quick working example, but I think it's not the best solution to my problem:

http://plnkr.co/edit/mS8Oea?p=preview

Here's the code:

<!DOCTYPE html>
<html ng-app="plunker">

  <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <script>document.write('<base href="' + document.location + '" />');</script>
    <link rel="stylesheet" href="style.css" />
    <script data-require="[email protected]" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js" data-semver="1.0.8"></script>
    <script src="app.js"></script>
  </head>

  <body ng-controller="MainCtrl">

    <div agg-events="" fn="ctrlFn(par1, par2)"></div>

  </body>

</html>

If someone knows how to do this in a better way, it would be very helpful to me. Thanks :)

PeterS · Accepted Answer · 2014-10-26 23:32:02Z

0

I guess you have already solved your problem but I fixed your plunker here: plunkr

The basis is to assign the function to your attribute not the evaluated function eg.

Do fn="ctrFn" and call the function in your directive.

answered Oct 26, 2014 at 23:32

PeterS

2061 silver badge11 bronze badges

Your're right, I already solved the problem. However one thing I didn't know is that you don't have to specifiy the parameters to pass to controller function, you only define the name of the function. I defined it like: fn2='eventsFn(par1, par2)'. Thank you for the answer!

bojanbass
– bojanbass

10/27/2014 08:48:03
Commented Oct 27, 2014 at 8:48
The effect of specifying the parameters will make a call to the function instead of just taking a reference to it. yw.

PeterS
– PeterS

10/27/2014 13:12:03
Commented Oct 27, 2014 at 13:12

Add a comment |

Collectives™ on Stack Overflow

AngularJS: Execute controller function from a nested directive

1 Answer 1

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Your Answer

Sign up or log in

Post as a guest

Related