emberjs保留路线变化之间的iframe

Question

在路线更改之间，我可以通过哪些方式保留视图中嵌入的iframe？

当路线从Route A-> Route B变化时，Ember会摧毁View for A。我的View for A有一个嵌入式iframe我希望保留，而不会在重新访问Route A时重新加载。

到目前为止，我尝试将iframe移动到退出Route A时未被销毁的父视图，但是当您在DOM中移动iframe时，浏览器会重新加载iframe，因此这是一个模拟练习。 / p>

Answer 1

确实，嵌套是iframe问题的正确选择 Here is a detailled example使用计数器查看何时重新加载iframe。

|-home
    |-about
|-elsewhere

这个小提琴的重要部分是：

 <div class="border-row">
    This is home
    <iframe src="http://emberjs.com/" width="100%" height="150px" onload="App.HomeController.countLoadings()"></iframe>
     count : {{App.HomeController.loadcount}}<br/>
     isDestroying : {{isDestroying}}<br/>
     isDestroyed : {{isDestroyed}}
</div>
{{outlet}}

您可以看到iframe仅在您实际移动到层次结构路由的另一部分时重新加载。如果您在home和about之间导航，iframe将保持不变。