javascript - AngularJS 指令函数的执行顺序

Question

指令函数的执行顺序是什么？ documentation似乎没有解决这个问题。

前

1. template/templateUrl(被评估)
2. controllerFn
3. 编译Fn
4. linkFn

回答

来自 answer下面:http://plnkr.co/edit/79iyKSbfxgkzk2Pivuak (plunker 显示嵌套指令和同级指令)

1. 模板已解析
2. compile()(在编译过程中对模板所做的更改会扩展到链接函数)
3. controller()
4. preLink()
5. postLink()

Answer 1

关于相关说明，这里是我对跨 DOM 的执行顺序的理解。

Here is a demo (open browser JS console)

给定此 DOM 使用指令 foo:

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

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

...AngularJS 将以深度优先的顺序遍历 DOM - 两次:

第一遍 foo.compile()

1)编译:1

2)编译:1_1

3)编译:2

第二遍:foo.controller()向下遍历；回溯时的 foo.link()

Controller :1

Controller :1_1

链接:1_1

链接:1

Controller :2

链接:2