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

我构建了两个ember应用程序。我正在尝试将两个应用程序插入同一页。第一个余烬应用程序是以#app1作为根元素构建的。第二个余烬应用程序是以#app2作为根元素构建的。仅供参考，我正在使用ember Cli构建ember应用程序。当我将两个构建加载到同一页面时。最后加载的应用程序被插入到其相应的div.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>

带有app1的Div与它的余烬应用程序一起加载

---

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

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

但不要害怕！目前正在积极讨论此功能，并将最终实现。这叫引擎

提议：

讨论：

---

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

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

但不要害怕！目前正在积极讨论此功能，并将最终实现。这叫引擎

提议：

讨论：

---

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

请给我提琴，这样我才能更好地理解。我没有提琴。我使用Ember-Cli构建了应用程序，而不是使用Ember JS。我有两个Ember构建。我想将两个应用程序加载到同一个页面。您的代码几乎正确，因此请确保id在页面中是唯一的。如果我在页面加载时加载app1，在窗口加载时加载app2，则效果良好。请提供fiddle，以便我能更好地理解。我没有fiddle。我使用Ember-Cli构建了应用程序，而不是使用Ember JS。我有两个Ember构建。我想将两个应用程序加载到同一个页面。您的代码几乎正确，因此请确保id在页面中是唯一的。如果我在页面加载时加载app1，在窗口加载时加载app2，则效果良好。请提供fiddle，以便我能更好地理解。我没有fiddle。我使用Ember-Cli构建了应用程序，而不是使用Ember JS。我有两个Ember构建。我想将两个应用程序加载到同一页面。您的代码几乎正确，因此请确保id在页面中是唯一的。如果我在页面加载时加载app1，在窗口加载时加载app2，则可以正常工作

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