Ember.js 如何使用控制器和视图组织ember应用程序

将控制器、视图和其他余烬结构很好地结合在一起，将应用程序与下面的线框中的基本功能结合在一起，会是什么

我不是在寻找详细的实现，而是如何构造Ember应用程序以及如何将控制器、视图、模板等作为构建块进行推理的灵感

我的假设是，此屏幕位于

ContactsRoute

下，

ContactsController

是一个

ArrayController

包含

Contact

模型的

我有一些类似的想法：

我在这里看到两个布局栏：

左栏：是一个带有相关控制器的树视图。
如果输入#/contacts（和#/contacts/），则选中该选项

右列：带有相关控制器的联系人视图。视图很可能由较小的视图原子（如输入控件等）组合而成

关于控制器的特别说明：根据我的经验，在Ember中，您或多或少被迫在控制器和视图之间建立1:1的关系——因此共享控制器是一件坏事，很难管理

应用程序视图包含HTML/CSS布局，两列都有两个出口

如何将相应的视图渲染到插座中？
对于左列，我将直接从应用程序视图模板“调用”视图，如下所示：

{{view App.TreeNav}}

我将通过相应的路由器映射填充“右出口”：

this.route('contacts', {path: '/contacts'});

路线:

IB.ContactsRoute = Em.Route.extend({
    renderTemplate: function() {
          this._super();
          this.render('contacts', {into: 'application', outlet: 'secondCol'});
    }
});

你说得对。构建此页面不需要任何其他内容。你能说得更具体些吗？您是否不确定如何制作页面的某些部分？