dxTemplate 내의 양식에 액세스하는 방법 Devextreme dxPopover in Angular2

Question

아래 양식과 같이 dxPopover 안에있는 양식의 변경 사항을 구독해야하지만 양식은 항상 정의되지 않습니다.

그러나 양식을 dxPopover 외부로 이동하면 문제가 없습니다.

양식 요소가 dxPopover 안에있을 때 양식 요소에 액세스하는 방법은 무엇입니까?

템플릿 :

<dx-popover 
       target="#button" 
       position="bottom" 
       width="900px" 
       [visible]="true"> 

    <div *dxTemplate="let data of 'content'"> 
      <form #form="ngForm" > 
       <!-- form content --> 
      </form> 
    </div> 
</dx-popover> 

구성 요소 :

@ViewChild('form') form; 

ngAfterViewInit() { 
    console.log(this.form); // outputs 'undefined' 

} 

편집 : 여기에 쿵하는 소리입니다 - https://plnkr.co/edit/nQJ0brGs0FlMBkexuavK

Answer 1

옵션 1 : 내부처럼

는 HTML을 통과은 dxPopover 태그 다시 dxPopover의 템플릿 안에 <ng-content>을 추가해야합니다. 그러면 주입 된 다음 뷰 초기화 라이프 사이클 후크에서 해당 변수에 액세스 할 수 있습니다.

옵션 2 :

당신은 이동해야하는 실제 구성 요소 템플릿 안에 당신의 dx-popover 구성 요소 지시어 내부 div.

다음 dx-popover 성분

하고 dx-popover 구성 요소로 데이터를 전달하고자하는 경우에는 다른 한 입구 장식을 사용할 수를 호스트 부모 컴포넌트 형태의 값을 발광 출력 장식을 사용 길 주변에.

내가이 간단한 작업을위한 입력/출력을 사용하려는 이유를 이해 있는지 확실하지 않습니다 예를 들어 Here