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

ngInclude not inserting properly fetched DOM

本文关键字:获取 DOM 包括未 插入 ng      更新时间:2023-09-26

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

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

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

我正在为我的 Web 应用程序创建一个仪表板。从本质上讲,我有许多嵌套指令,每个指令都有一个模板 URL。在第 4 层指令中,我有:

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

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

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

直接在应加载模板的位置之前。这不是某种竞争条件的问题,因为 tpl url 是硬编码的,而不是在我的链接函数中动态计算的。元素上的 AngularJS 属性显示该指令的作用域中的相应属性。

然而,ng 包含的模板不会附加到 DOM 中。

对此的任何帮助或指导都将是光荣的。正如您在上面的 plunker 中看到的那样,它运行良好。

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