Вложение двух экземпляров Ember Cli App на той же странице

Question

У меня есть два приложения для создания ember. Я пытаюсь вставить оба приложения на одну страницу. Первое приложение ember построено с # app1 как rootElement. Второе приложение ember построено с # app2 как rootElement. FYI Я создаю ember-приложения, используя Ember-Cli. Когда я загружаю две сборки на одну страницу. Приложение, которое загружается последним, вставляется в соответствующий 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 загружен соответствующим электронным приложением.

Когда я меняю заказ.i.e.

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

Div с app1 загружен своим электронным приложением.

Как загрузить оба приложения одновременно?

Answer 1

Ember в настоящее время не предоставляет стандартный способ запуска двух или более отдельных приложений в одном документе HTML.

Но не бойтесь! Эта функциональность в настоящее время активно обсуждается и в конечном итоге будет реализована. Это называется Двигатели.

Предложение: https://github.com/tomdale/rfcs/blob/master/active/0000-engines.md

Обсуждение: https://github.com/emberjs/rfcs/pull/10

Между тем, вы можете использовать плавающие фреймы. Это простое решение вашей задачи.