Ember (1.1) - 一次多条路线的复合视图

Question

假设我在 Ember 应用程序中有两条路由。这些是完全独立的路线名称“第一”和“第二”。它们有不同的数据模型和不同的操作等等。

到目前为止一切都很好。

如何 - 我们认识到应用程序的这些部分：

1. 用户经常以交替的方式一起使用（先做某事，然后第二次做，然后先做两件事等）
2. 他们占用了很小的屏幕空间。

在标准的服务器端应用程序中，我们假设我们可以创建一个新的仪表板控制器/视图，并在其他两个控制器中以某种方式真实地处理所有事情并显示结果。关键是 - 组合不会改变“第一”和“第二”控制器或视图。

我想做同样的事情，只是在 Ember 中。我创建了this JSBIN 来说明问题。

我知道两个现有的解决方案：

1. 仅使用现有模型（上面链接的 jsbin 中的解决方案） - 这种方法的问题很明显 - 未使用视图。
2. 使用Component 方法 - 我认为这不太合适，因为这些不是通用的、可重复使用的组件，应该能够独立运行。

对我来说一个理想的方法是使用{{view}} 帮助器以某种方式调用视图，同时传递控制器数据。 （我在this jsbin 中尝试过，但似乎无法让它处理来自控制器的数据或正确设置路线模型）。

Answer 1

在我看来，您将需要使用 {{render}} 助手

App.CompositeRoute = Ember.Route.extend({
  model: function(){
    return {
      first: this.modelFor('first'),
      second: this.modelFor('second')
    };
  }
});

在复合材料的车把模板中

{{render "first" model.first}}
{{render "second" model.second}}

祝你好运