각도 2는 TemplateRef를 사용하여 ViewContainerRef 사용법을 이해합니다.

Question

구조 지시문을 Angular2에 구현했습니다. 문서에서 TemplateRef을 삽입하여 템플릿 요소를 가져와 ViewContainerRef을 삽입해야한다는 것을 알았습니다.

class TestDirective { 
    constructor(private templateRef : TemplateRef<any>, private viewContainer : ViewContainerRef) { 
    // this.viewContainer.createEmbeddedView(this.templateRef); 
    } 
} 

<template [ngIf]="condition"> 
    <p> 
    Our heroes are true! 
    </p> 
</template> 

이 경우 어떤 요소가 ViewContainerRef인지 이해할 수 없습니까?

Answer 1

ViewContainerRef을 삽입하면이 요소는 TestDirective의 호스트 요소입니다. @ViewChild(templateVarNameOrType) 또는 @ContentChild(templateVarNameOrType)을 사용하는 경우 요소는 templateVarNameOrType과 일치합니다.

this.viewContainer.createEmbeddedView() 또는 this.viewContainer.createComponent()은 요소 또는 구성 요소가 요소의 형제로서 지정되며, 자식만큼 기대되는 것은 아닙니다.