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

Question

我构建了两个 ember 应用程序。我正在尝试将两个应用程序插入同一页面。第一个 ember 应用程序是使用 #app1 作为 rootElement 构建的。第二个 ember 应用程序是使用 #app2 作为 rootElement 构建的。仅供引用，我正在使用 Ember-Cli 构建 ember 应用程序。当我将两个构建加载到同一页面时。最后加载的App被插入到其相应的div中，即

我有两个 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 应用程序。

当我交换订单时，即

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

带有 app1 的 Div 已加载其 ember 应用程序。

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

Answer 1

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

但不要害怕!该功能目前正在积极讨论中，并将最终实现。它称为引擎。

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

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

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