Ember.CollectionViewでテンプレートを使用する方法

Question

CollectionViewアイテムのリストを作成し、CollectionViewのtemplateNameプロパティで指定されたテンプレートにレンダリングしようとしています。しかし、私はそれを働かせることはできません。

が、それは次のようになります。このようなテンプレートと

App = Ember.Application.create({}); 

App.ItemView = Ember.View.extend({ 
    templateName: 'item_template', 
    tagName: 'li' 
}); 

App.CollectionViewTest = Ember.CollectionView.extend({ 
    templateName: 'collection_template', 
    itemViewClass: App.ItemView, 

    content: [ 
     { title: 'Item 1' }, 
     { title: 'Item 2' } 
    ] 
}); 

：

<script type="text/x-handlebars" data-template-name="application"> 
    <h1>Testing CollectionView TemplateName</h1> 
    {{collection App.CollectionViewTest}} 
</script> 

<script type="text/x-handlebars" data-template-name="collection_template"> 
    <h2>The CollectionView Template</h2> 
    <ul> 
     {{outlet}} 
    </ul> 
</script> 

<script type="text/x-handlebars" data-template-name="item_template"> 
    {{title}} 
</script> 

ことがあるので、私はEmber.ViewにApp.CollectionViewTestを変更しない限り、<h2>は、レンダリングされることは決してありませんが、その後、明らかにリスト項目はありません。

これはバグですか？または私は何かを逃している？ Ember.CollectionViewがEmber.ContainerViewのサブクラスであるので、それはそれ自身のテンプレートを持っていませんhttp://jsfiddle.net/S46vH/

Answer 1

： -

ここでjsのフィドルはコードであります。 APIドキュメントから

：

テンプレート、TEMPLATENAME、defaultTemplate、レイアウト、layoutName又はdefaultLayoutプロパティコンテナビューにレンダリングされているテンプレートやレイアウトをもたらさないであろう。 Ember.ContainerViewのDOM表現のHTMLコンテンツは、その子ビューのレンダリングされたHTMLのみになります。

この作業を行うには、collection_templateマークアップをアプリケーションテンプレートに移動するか、部分的にすることができます。次に{{outlet}}を{{collection App.CollectionViewTest}}