Adding angular js attribute after page render

Question

I have an application that contains a div with content in it. When I click a button jQuery adds a AngularJs directive to the div. After adding the directive i call scope.$apply(), but this doesn't seem to inform angular about the new directive on the div. Can someone explain to me how I can inform AngularJs about the new directive added with jQuery?

You need to $compile the newly added Angular directive. See stackoverflow.com/a/12049456/215945 — Mark Rajcok
– Mark Rajcok, Commented Feb 12, 2013 at 16:27
Yeah... what Mark said. :P I think we have the same browsing habits, this happens once a day. — Ben Lesh
– Ben Lesh, Commented Feb 12, 2013 at 16:31

Ben Lesh · Accepted Answer · 2013-02-12 16:29:35Z

2

You shouldn't be adding directives to your markup with JQuery. Use Angular for that whenever possible.

That said, if you have to add directives via straight DOM manipulations like that, you'll need to use the $compile provider to compile the element and bind it to a scope before you add it.

answered Feb 12, 2013 at 16:29

Ben Lesh

109k47 gold badges251 silver badges233 bronze badges

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

Collectives™ on Stack Overflow

Adding angular js attribute after page render

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related