Kolejność wykonywania funkcji dyrektywy w AngularJS

Question

Jaka jest kolejność wykonywania funkcji dyrektywy? The documentation nie wydaje się rozwiązać tego problemu.

Ex

1. template/templateUrl (jest analizowany)
2. controllerFn
3. compileFn
4. linkFn

Odpowiedź

Od answer poniżej: http://plnkr.co/edit/79iyKSbfxgkzk2Pivuak (plu nker pokazuje dyrektyw zagnieżdżone i rodzeństwo)

1. Szablon jest analizowany
2. compile() (zmiany wprowadzone w szablonie w kompilacji są rozmnażane w dół do funkcji łączących)
3. controller()
4. preLink()
5. postLink()

Answer 1

Funkcja wstępnego łączenia: Wykonana przed połączeniem elementów podrzędnych. Nie można bezpiecznie wykonać transformacji DOM, ponieważ funkcja łączenia kompilatorów nie odnajdzie odpowiednich elementów do połączenia.

Funkcja postlinkowania: Wykonywana po powiązaniu elementów podrzędnych. To jest bezpieczny do wykonania transformacji DOM w funkcji post-linking.

Powyższy fragment pochodzi z oficjalnej dokumentacji na temat directives.

Tak więc, aby odpowiedzieć na twoje pytanie, Funkcja Postlinkowanie/Link to kiedy/gdzie możesz bezpiecznie operować na element.children().

Answer 2

na pokrewnym notatce, tutaj moje rozumienie rozkazu exec przez DOM.

Here is a demo (open browser JS console)

Biorąc pod uwagę ten DOM przy użyciu dyrektywy foo:

<div id="1" foo> 
    one 
    <div id="1_1" foo>one.one</div> 
    </div> 

    <div id="2" foo>two</div> 

... angularjs będzie przechodzić przez DOM - dwukrotnie - w głębokości pierwszego rzędu:

1. przebieg foo.compile()

1) kompilacja: 1

2) opracowanie: 1_1

3) sporządza: 2

2-ci wprost: foo.controller() przesuwający się w dół; bla.Link() podczas wycofywania

kontrolera: 1

kontrolera: 1_1

łącza: 1_1

łącza: 1

kontrolera 2

łącza 2