再帰的なビューがエンバー0.9.6

Question

へのアップグレード後に動作していないテンプレート私はアイテムのネストされた順不同のリストを取得するには、このような何かを行うことができるように使用

App.Menu = Em.View.extend({ 

    controller: App.menuController.create({}), 

    tagName: 'ul', 

    templateName: 'Menu', 

    pageBinding: 'controller.page' 

}); 

ハンドルバー：

<li> 
    {{page.menuTitle}} 
    {{#each page.childrenPages}} 
     {{view App.Menu pageBinding="this"}} 
    {{/each}} 
</li> 

のindex.html：

<script type="text/x-handlebars"> 
    {{view App.Menu}} 
</script> 

最新のEmber.js（0.9.6）にアップデートした後は、特定のアイテムのコレクションの最後のアイテムのみが表示されます（<ul>内の単一の<li>）。 Emberの以前のバージョンでは、ネストされた<ul>/<li>リストに、特定のコレクションのすべてのアイテムが表示されました。

私は、新しいApp.Menuビューの代わりに{{#each}}を使用して既存のビューを再利用していると思います...古い動作に似た何かを達成するためのアイデア？

Answer 1

私は問題は、コントローラのプロパティApp.Menuの中にcontrollerを作成することによって、Understanding Ember.Objectを参照してください。

私はビュークラスのうち、特定のコントローラに結合移動してきたし、それが動作しますが、http://jsfiddle.net/pangratz666/DgG9P/

ハンドル参照：

<script type="text/x-handlebars" data-template-name="Menu" > 
    <li> 
     {{page.menuTitle}} 
     {{#each page.childrenPages}} 
      {{view App.Menu pageBinding="this"}} 
     {{/each}} 
    </li> 
</script> 

<script type="text/x-handlebars"> 
    {{view App.Menu pageBinding="App.mainPage" }} 
</script> 

JavaScriptの：

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

App.Menu = Em.View.extend({ 
    tagName: 'ul', 
    templateName: 'Menu' 
}); 

App.mainPage = Ember.Object.create({ 
    menuTitle: 'main page', 
    childrenPages: [Ember.Object.create({ 
     menuTitle: 'subtitle 1', 
     childrenPages: [Ember.Object.create({ 
      menuTitle: 'subtitle 1 - child 1' 
     })] 
    }), Ember.Object.create({ 
     menuTitle: 'subtitle 2', 
     childrenPages: [Ember.Object.create({ 
      menuTitle: 'subtitle 2 - child 1' 
     })] 
    })] 
});​