ember.js - 使用 Ember 的小部件方法

Question

我想将 ember 与小部件方法一起使用(隔离组件)，将 rootElement 设置为
Ember 应用程序，每个应用程序都有自己的路由器和存储(如果需要)。

我在 http://jsfiddle.net/4xWep/2/ 进行了一次不成功的尝试路由器实例之间可能存在干扰问题。它具有不同的应用程序和路由器的这种小部件方法吗？

App1 = Ember.Application.create({
  rootElement: '#app1'
});

App1.ApplicationController = Ember.Controller.extend();
App1.ApplicationView = Ember.View.extend({
  templateName: 'app1-view'
})

App1.Router = Ember.Router.extend({...})

var App2 = Ember.Application.create({
    rootElement: '#app2'
});

App2.ApplicationController = Ember.Controller.extend();
App2.ApplicationView = Ember.View.extend({
  templateName: 'app2-view'
})

App2.Router = Ember.Router.extend({...})

Answer 1

问题是您的两个应用程序的路由器使用 location.hash 序列化其状态时发生冲突。

同一页面中不能有两个依赖哈希路由持久性策略的应用程序。

我什至会说，在我看来，您想要实现的并不是经典的“小部件”，因为它们将具有复杂的状态(如每个内部路由的意愿所示) ...当然，你应该进一步挖掘你的架构。也许您需要的不是两个应用程序，而是小部件，或者另一方面，多个应用程序，但不直接呈现在同一个文档中。

也许this (related?) question会有所帮助。