Communicating with a directive instance in AngularJS

Question

I have a directive with an isolate scope being rendered inside the template of an outer directive.

I want to send a notification message to the child directive to have it cancel a timer. How can I do this idiomatically?

Will scope.$broadcast do this for me even though the child scope is isolate?

dfsq · Accepted Answer · 2015-10-15 15:58:43Z

2

From documentation for scope.$broadcast:

Dispatches an event name downwards to all child scopes (and their children) notifying the registered $rootScope.Scope listeners.

So it will perfectly work in your case. Note, that despite of being isolated the scope of the inner directive is still child scope of the outer. Isolated just means that this scope doesn't inherit prototypically, however its $parent points to the real parent scope. so $broadcast will work in this case of course.

Here is a little example I set up to test it:

Demo: http://plnkr.co/edit/OoUqgV8oRofakXVf2OZv?p=preview

answered Oct 15, 2015 at 15:58

dfsq

193k26 gold badges244 silver badges261 bronze badges

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

Collectives™ on Stack Overflow

Communicating with a directive instance in AngularJS

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