액세스 EmberJS

Question

에서 상위 구성 요소에서 구성 요소의 인스턴스 내가 "컨테이너"구성 요소를 가지고

# components/container-component.js 

import Ember from 'ember'; 
export default Ember.Component.extend({ 
    displayComponent: 'simple-box' 
}); 

템플릿은 "컨테이너 구성 요소"인스턴스 내에서 지금

# templates/container-component.hbs 

<div> 
    {{component displayComponent}} 
</div> 

입니다. 어떻게 계산 된 "displayComponent"인스턴스에 액세스 할 수 있습니까?

내가 어떻게 할 수 있을지에 대한 아이디어가 있습니까? 나는 얻을 방법을 사용하면

나는 구성 요소의 문자열 ID를 얻을 내가 아는 한 부모 구성 요소의 JS 파일에서 아이들 구성 요소를 검색하는 기본 방법은 없다

this.get('displayComponent') 
# returns (String) 'simple-box' 

Answer 1

. 이 작업을 실제로 수행하려면 내 twiddle을 참조하십시오.

코드에서 알 수 있듯이, 템플릿 내에서 부모는 자식에게 자신을 전달하고 자식은 자신을 부모에 등록합니다. 이것은 코드 냄새의 일러스트레이션이며 이는 내 프로젝트에서 결코 사용하지 않는 것임을 유의하십시오.

내 의견으로는 당신이 달성하려고 시도하는 것이 엠버가 만들어져있는 많은 원칙을 분명히 위반하고 있기 때문입니다. 왜 부모로부터 직접 자식 속성을 얻고 싶습니까? 하위 구성 요소에 작업을 등록하고 하위 구성 요소 내의 다양한 이벤트에 대한 알림을받을 수 있습니다. 왜 직접 액세스해야합니까? 구성 요소가 독립적으로 독립적으로 작동하는 것이 좋습니다. 이런 종류의 접근 방식에서는 하위 구성 요소의 내부 설계 고려 사항으로 상위 코드를 오염시킵니다. 부모 내에서 jquery를 통해 DOM 트리를 쿼리 할 수 ​​있지만 Ember 인프라에서 생성 한 하위 구성 요소 인스턴스를 가져 오는 것은 Ember의 접근 방식이 아닌 것을 설계하려고한다는 신호입니다. 우리는 귀하가 귀하의 의도를 설명하기 위해 다른 질문을 게시하거나이 질문을 수정하면 귀하를 더 잘 도울 수 있습니다. 누군가 당신을 더 나은 디자인으로 이끌 수 있습니다. 친애하는.