在组件内部渲染路由器视图

Question

拥有代表index页面上某些项目的主模板和组件列表。每个组件都有一个指向show项路由的链接。

如何在组件中呈现show模板？我不需要用show视图替换所有组件列表，我只需要在其自己的组件底部呈现一些项目详细信息。

还有一件事。我需要保持网址正确。因此，当我点击项目时，url应指向此项目（例如：http://host.com/item/1）。当我直接通过此链接时，它应该在其自己的组件中呈现{= 1}} id = 1的元素模板，并将其他组件的列表保留在同一页面上（show页面）。

更新

以下是一些示例代码。

主要模板（标志）：

index

组件：

main.main
  outlet

组件模板：

App.GridItemComponent = Ember.Component.extend
  tagName: 'li'
  classNames: ['grid-item']

  coverUrl: (->
    @get('item.cover_url')
  ).property('item.cover_url')

索引视图：

.grid-item-inner
  = link-to 'items.show' item
    img src=coverUrl
.details
    / <--- Need to render my show view here when link-to 'items.show' clicked