获取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 ，然后将它链接到一个新的范围。 但是ngInclude你的iframe变得非常笨拙，所以为什么不用它呢？