在同一页面中嵌入两个Ember Cli应用程序实例

Question

我有两个ember应用程序构建。我试图将两个应用程序插入同一页面。第一个ember应用程序使用＃app1构建为rootElement。第二个ember应用程序使用＃app2构建为rootElement。仅供参考我使用Ember-Cli构建ember应用程序。当我将两个版本加载到同一页面时。最后加载的应用程序将插入其对应的div.i.e。

我有两个div。

<div id="app1"></div>
<div id="app2"></div>

<script>
var app1HTML=$.ajax({url:"/embertest1/index.html",async:false}).responseText;
var app2HTML=$.ajax({url:"/embertest2/index.html",async:false}).responseText;
$("#app1").html(app1HTML);
$("#app2").html(app2HTML);
</script>

这里app2 div加载了相应的ember app。

当我交换order.i.e。

时

$("#app2").html(app2HTML);
$("#app1").html(app1HTML);

带有app1的Div加载了它的余烬应用程序。

如何同时加载这两个应用程序？

Answer 1

Ember目前不提供在同一HTML文档上运行两个或多个单独应用程序的标准方法。

但不要害怕！目前正在积极讨论此功能，并将最终实施。它被称为引擎。

提案：https://github.com/tomdale/rfcs/blob/master/active/0000-engines.md

讨论：https://github.com/emberjs/rfcs/pull/10

同时，您可以使用iframe。这是你任务的唯一简单解决方案。