获取AngularJS指令以在iframe中工作

Question

我正在尝试获取一个角度指令以在iframe内部运行。 iframe不是来自外部域，因此需要将包含iframe的应用样式应用于iframe中的内容。

Here is a simple Plunker我需要做的事情。

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

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

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

Answer 1

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