获取AngularJS指令以在iframe中工作

Question

我试图获得一个角度指令在iframe内部运行.iframe不是来自外部域,因此需要将包含iframe的应用样式应用于iframe中的内容.

这是我需要做的简单的Plunker.

正如你可以看到带有my-draggable指令的元素在iframe之外但不在iframe之内.

据我所知,这些被认为具有相同的来源,因此父页面将内容注入iframe的能力.我也尝试过为iframe和父页面设置document.domain.结果相同.

这是一个相同的原产地政策问题还是与Angular范围相关？

Answer 1

Angular 在编译阶段不会下降到 iframe，因为 iframe 是一个单独的 DOM。理论上，您可以传递ifrm.innerWindow.document.body到$compile，然后将其链接到新的范围。但那时你的 iframe 已经变得非常笨重ngInclude，那么为什么不直接使用它呢？