Answer

Question

124

Order of execution of directive functions in AngularJS

rated 0 times [ 131] [ 7] / answers: 1 / hits: 18097 / 11 Years ago, wed, april 17, 2013, 12:00:00

What is the order of execution of directive functions? The documentation doesn't seem to address this.

Ex

template / templateUrl (is evaluated)

controllerFn

compileFn

linkFn

Answer

From answer below: http://plnkr.co/edit/79iyKSbfxgkzk2Pivuak (plunker shows nested and sibling directives)

Template is parsed

compile() (changes made to the template within compile are proliferated down to linking functions)

controller()

preLink()

postLink()

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

kylanalis

Add To Favorites

Follow

Total Points: 438

Total Questions: 85

Total Answers: 102

Location: Barbados

Member since Sun, Nov 27, 2022

1 Year ago

kylanalis questions

1 How to pass State in Context React

Sat, Oct 2, 21, 00:00, 3 Years ago

1 How to get rid of or remove spinners/arrows in react-select?

Tue, Oct 13, 20, 00:00, 4 Years ago

1 [NodeJs][Sequelize] ReferenceError: Cannot access 'ModelName' before initialization

Sat, Apr 11, 20, 00:00, 4 Years ago

1 How can I load a local image in THREE.js?

Thu, Feb 13, 20, 00:00, 4 Years ago

1 trigger('change') is not working on Select

Tue, Jan 7, 20, 00:00, 4 Years ago

View All

answered 11 Years ago hollievalerier · Accepted Answer

Pre-linking function: Executed before the child elements are linked.
Not safe to do DOM transformation since the compiler linking function
will fail to locate the correct elements for linking.

Post-linking function: Executed after the child elements are linked. It
is safe to do DOM transformation in the post-linking function.

Above excerpt is taken from the official docs on directives.

So, to answer your question, Post-linking/Link function is when/where you can safely operate on element.children().