我构建了两个 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 应用程序。
如何同时加载两个应用程序?
最佳答案
Ember 目前不提供在同一 HTML 文档上运行两个或多个单独应用程序的标准方法。
但不要害怕!该功能目前正在积极讨论中,并将最终实现。它称为引擎。
提案:https://github.com/tomdale/rfcs/blob/master/active/0000-engines.md
讨论:https://github.com/emberjs/rfcs/pull/10
同时,您可以使用 iframe。这是完成您的任务的唯一简单的解决方案。
关于javascript - 在同一页面中嵌入两个 Ember Cli 应用程序实例,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30749495/