獲取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變得非常笨拙，所以為什么不用它呢？