Passing function into angular directive

Question

I want to pass a function that returns a promise into my directive. Currently I am doing as follows:

Callback created in parent controller:

$scope.myCb = function(data) {
   console.log(data);
}

Scope of Directive:

scope {
    dataCallback: "&"
}

It is being passed to the directive as follows:

<my-directive data-callback="createCallback"></div>

And it is being called in the directive controller as follows:

$scope.dataCallback(data)

where data is a local variable.

Currently this is not working. The $scope.dataCallback is returning parentGet(scope, locals) and is not executing any of the code inside of the function.

Can anyone help point me in the right direction?

https://plnkr.co/edit/ycgFpurlt2MFupPI1LZJ?p=preview

can you share a plnker with this? What does the function refer to? — AbdulFattah Popoola
– AbdulFattah Popoola, Commented Mar 1, 2016 at 6:35
@AbdulFattahPopoola plnkr.co/edit/ycgFpurlt2MFupPI1LZJ?p=preview — Shawn
– Shawn, Commented Mar 1, 2016 at 6:52

Shawn · Accepted Answer · 2016-03-01 16:44:30Z

1

Solved:

Can not use data as start of directive property.

answered Mar 1, 2016 at 16:44

Shawn

6679 silver badges19 bronze badges

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

Collectives™ on Stack Overflow

Passing function into angular directive

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related