앰버 렌더링/ArrayController

Question

엠버에서 {{render}}를 사용하여 메뉴를 작동 시키려고합니다.

컨트롤러 : 그럼 다음 문장 템플릿을 사용하여 렌더링 {{render "navigation"}}를 사용

App.NavigationController = Ember.ArrayController.extend({ 
    itemController: 'navSheet', 
    init: function() { 
     this._super(); 
     this.set('content', [ 
      { name: 'Sheet 1', type: 'Sheet', id: 1 }, 
      { name: 'Sheet 2', type: 'Sheet', id: 2 } 
     ]); 
    }  
}); 

App.NavSheetController = Ember.ObjectController.extend({ 
    getID: function() { 
     return 'sheet-' + this.get('id'); 
    } 
}); 

: 여기에 "controller.content"으로

이

ul 
    each controller.content 
    li data-type=type! id=getID! = name 

[출력 UPDATE]

를 I 콘텐츠를 반복하십시오. "each"를 사용하면이 기능을 사용할 수 없습니다. 그러나 어떤 경우에도 itemController는 루프 내부의 컨텍스트에 있지 않습니다. 결과 HTML은 다음과 같습니다.

<li data-type="Sheet" id=""> 
    <script id="metamorph-8-start" type="text/x-placeholder"></script>Sheet 1 
    <script id="metamorph-8-end" type="text/x-placeholder"></script></li> 
<li data-type="Sheet" id=""> 
    <script id="metamorph-9-start" type="text/x-placeholder"></script>Sheet 2 
    <script id="metamorph-9-end" type="text/x-placeholder"></script></li> 

특히 "getID"값이 표시되지 않습니다. 사실 itemController에 전혀 액세스 할 수없는 것 같습니다. 내가 도대체 ​​뭘 잘못하고있는 겁니까?

Answer 1

필자는 엠블렘을 전혀 사용하지 않았기 때문에 템플릿을 완전히 이해하지 못했지만 제대로 이해하면 li에 sheetId를 가져오고 getID 함수를 사용하여이 작업을 수행하고 있습니다. 나는 상징이 템플릿

<li {{bind-attr data-type=type dataid=getID}}> 

로 변환 것이라고 추측거야하지만 그런 getID!=name 또는 뭔가를하고있는 것처럼도 보인다. 그런 종류의 논리는 핸들 바에서 작동하지 않습니다. 이 계산 된 특성

App.NavSheetController = Ember.ObjectController.extend({ 
    getID: function() { 
     return 'sheet-' + this.get('id'); 
    }.property('id') 
});