AngularJS自定义指令的编译,链接前和链接后的执行顺序不正确

时间:2018-09-19 15:06:27

标签: angularjs angularjs-directive

美好的一天!

tl; dr

https://codepen.io/premkumar3005/pen/oPJGgK

我正在尝试使用angularJS 1.3中的自定义指令进行表单验证和表单提交。该指令的compile,pre和post链接函数未按照文档执行,可能是我缺少了一些东西,或者在angularJS 1.3中似乎是issue

代码段:

<my-form form='form'>
      <my-widget ng-repeat='widget in form.widgets'>
      </my-widget>
</my-form>

预期的控制台输出:

my-form compile
my-widget compile

my-form pre
my-widget pre

my-widget post
my-form post

但是我得到的控制台输出是

axForm compile
axForm pre
axForm post

widget pre
widget post

但是,如果我删除ng-repeat,输出将接近预期。

<my-form form="form">
    <my-widget widget='form.widgets[0]'></my-widget>
</my-form>

控制台输出:

widget compile
axForm compile

axForm pre
widget pre

widget post
axForm post

总是能提供帮助。

谢谢!

0 个答案:

没有答案