Replace parent scope with directive attribute controller scope

Question

I've had no success creating an Attribute directive that uses vm in the child elements and uses the directive controller scope and no it's parent scope.

See: http://fiddle.jshell.net/vzuf9psq/

How can I make the second message show the message from the directive controller?

Andrei Belokopytov · Accepted Answer · 2016-09-16 16:37:12Z

1

Use directive scope to transfer properties from one controller to another
Use bindToController to bind directive scope to controller (or much better, use Angular component's syntax).
Do not paste template inside directive tag (or use transclude for this purpose)

See Final fiddle

answered Sep 16, 2016 at 16:37

Andrei Belokopytov

1,0818 silver badges18 bronze badges

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

1 Comment

Danny Sandi Over a year ago

Yeah using a template seems to fix the issue, I guess that if the directive adds no markup and there's no data binded (sometimes is not needed) the scope will never exist outside the controller. Thanks!

Collectives™ on Stack Overflow

Replace parent scope with directive attribute controller scope

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related