재귀보기 엠버로 업그레이드 한 후 작동하지 않는 템플릿 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의 모든 구체적인 예를 들어 동일 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> 

자바 스크립트을 :

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' 
     })] 
    })] 
});​