핸들 막대 템플릿에서 자식보기에 CSS 클래스를 추가하는 방법

Question

핸들 막대 템플릿에서 하위보기에 CSS 클래스를 추가하고 싶습니다. 이동 클래스 이름 속성에 대한 특별한 무언가가 http://jsfiddle.net/sohara/PKMTn/2/

있습니까 :

App = Ember.Application.create() 

App.ParentView = Ember.View.extend({ 
    foo: 'bar', 
    content: 'Hello', 
    ChildView: Ember.View.extend({ 
     classNames: this.get('parentView').get('classesToAdd') 
    }) 
}); 

나는 여기 jsfiddle을 다음과 같이

Uncaught TypeError: Object [object DOMWindow] has no method 'get' 

내 코드는 다음과 같이 저는 현재 오류를 얻고있다 Ember.View에서 DOM 요소로의 컨텍스트? 아니면 이것을 달성 할 수있는 다른 방법이 있을까요?

Answer 1

당신은 http://jsfiddle.net/WCjda/1/

핸들 바, classesToAdd에 액세스 할 뷰에 init을 덮어 볼 수 있습니다

<script type="text/x-handlebars"> 
    {{#view App.ParentView}} 
     {{#view ChildView classesToAdd="my-class"}} 
      hello   
     {{/view}} 
    {{/view}} 
</script>​ 

자바 스크립트 :

App = Ember.Application.create() 

App.ParentView = Ember.View.extend({ 
    foo: 'bar', 
    content: 'Hello', 
    ChildView: Ember.View.extend({ 
     init: function() { 
      this._super(); 
      var classes = this.get('classesToAdd'); 
      this.set('classNames', Ember.makeArray(classes)); 
     } 
    }) 
});​ 

Answer 2

보기 개체가 인스턴스화되지 않았기 때문에 classNames ChildView 선언에 this을 사용할 수 없다고 생각합니다.

그러나 바인딩을 사용할 수 있습니다. Emberjs.com의 "HTML 요소 사용자 정의"절의 설명서를 참조하십시오.