ng包括不插入正确获取的DOM

时间:2013-09-17 20:43:05

标签: javascript angularjs angularjs-directive angularjs-ng-include

编辑:这是一个短暂的错误,ng-include在ng-repeat中。我从未更新过我的角度依赖。解决方案在此处找到:https://groups.google.com/forum/#!topic/angular/JjmnPQl-SWg

这是一个非常棘手的问题,因为我甚至无法在plunker上复制这个问题,因为它适用于plunker:

http://plnkr.co/edit/gORzr0HEK6ZU6JymH0Bb?p=preview

我正在为我的网络应用程序创建一个仪表板。基本上,我有许多嵌套指令,每个指令都有一个templateUrl。在第4层指令中,我有:

<div data-ng-include="widget.tpl"></div>

一切似乎都很完美。在Chrome上,网络选项卡指示HTML文件返回的结果正确,检查DOM显示相应的

<!-- ngInclude: widget.tpl -->

直接在加载模板之前。这不是某种竞争条件的问题,因为tpl url是硬编码的,而不是在我的链接函数中动态计算的。元素上的AngularJS属性在其指令的范围内显示适当的属性。

然而,包含ng的模板未附加到DOM。

任何有关此的帮助或指导都将是光荣的。正如您在上面的plunker中所看到的,它完美无缺。

1 个答案:

答案 0 :(得分:0)

我刚评论过,但我没有足够的代表。我想我会考虑开始向你的父指令上游工作,看看上面的任何内容是否会导致问题。一次消除一个级别的复杂性,直到找到改变行为的东西。如果您在本地使用Plunker代码,它是否有效?没有看到破碎的代码,我认为任何人都很难提供帮助。对不起,如果我的答案不是你想要的。