如何在 Ember.CollectionView 的 itemView 中引用 {{outlet}}

Question

我是 ember 新手，遇到问题，无法在线找到答案。

我有一个collectionView

App.MyView = Ember.CollectionView.extend({
    itemViewClass: 'App.MyViewItem',
    contentBinding: 'controller'
});

和 itemViewClass

App.MyViewItem = Ember.View.extend({
    templateName: 'mytemplate'
});

模板如下所示：

<div {{action 'select' view.content}}>{{view.content.name}}</div>
        {{outlet detail}}
</div>

这会很好地生成内容列表。

在控制器中，我有一个动作：

select: function(evt){
            this.transitionToRoute('item', evt);
        }

我想要做的是在选择项目时转换到嵌套路由（效果很好），并将所选项目的更多数据加载到 {{outlet detail}} 中。虽然我可以将“项目”路线的内容加载到例如application.hbs，我不知道如何引用选中的collectionView项的outlet，以便在现有视图中显示详细内容。

我尝试使用：

this.render('item', {
            outlet: 'detail',
            into: '????'
        });

在item Route内，但不知道如何引用collectionview item模板。

也许还有一种更简单的方法可以从项目视图中的项目加载更多数据（同时更改路线）。任何帮助将不胜感激。

Answer 1

您真正想要在这里做的不是使用 Ember.CollectionView，而是在您的路由器中有一个用于 MyItems 的资源，然后有两个路由：App.MyItemsIndexRoute 和 App.MyItemsRoute。

这里有一个要点，展示了如何设置路由器、路由、控制器和模板：

https://gist.github.com/anonymous/7051432

对于要点中的示例，我们的“项目”是项目。

Ember 模板非常强大，您很少需要使用视图。 See ember guides on views.

Ember.js 中的视图通常仅出于以下原因创建：

当您需要对用户事件进行复杂处理时 创建一个可重用的组件

Answer 2

你为什么不直接转换到'item.details'，删除命名的出口，将其更改为出口，并在你的资源下添加一个路由。

然后 Ember 负责决定渲染什么以及在哪里渲染。对于一个可能不存在的组件，命名的 outlet 似乎有点复杂（如果它确实有效的话）。

作为旁注，您是否尝试仅排除 into 参数，或者说 into：'mytemplate'？