angle4のTemplateRefのcreateEmbeddedViewメソッドの使い方は？

Question

私は、角でdom操作を学ぶために凝視しており、templateRefとそのメソッドcreateEmbeddedViewについて気づいています。この方法についてもっと知りたいと思っています。

@Component({ 
    selector: 'app-root', 
    template: ` 
     <ng-template #template let-name='fromContext'><div>{{name}}</ng-template> 
     <ng-container #vc></ng-container> 
    ` 
}) 
export class AppComponent implements AfterViewChecked { 
    @ViewChild('template', { read: TemplateRef }) _template: TemplateRef<any>; 
    @ViewChild('vc', {read: ViewContainerRef}) vc: ViewContainerRef; 
    constructor() { } 

    ngAfterViewChecked() { 
     const view = this._template.createEmbeddedView({fromContext: 'John'}); 
     this.vc.insert(view); 
    } 
} 

それともできます。今、すべての私の質問は、あなたが、その後ViewContainerRef経由でDOMにそのビューを添付createEmbeddedView方法を使用して埋め込まれたビューを作成することができます

@Component({ 
    selector: 'app-root', 
    template: ` 
<ng-template #template> 

</ng-template> 
    ` 
}) 
export class AppComponent implements AfterViewChecked { 
     @ViewChild('template', { read: TemplateRef }) _template: TemplateRef<any>;  
    constructor() { } 

    ngAfterViewChecked() { 
    this._template.createEmbeddedView('this is a embedded view') 
    } 
} 

Answer 1

この方法のcreateEmbeddedViewを使用する方法であり、

ngAfterViewChecked() { 
    this.vc.createEmbeddedView(this._template, {fromContext: 'John'}); 
} 

コンテキストはプロパティを持つオブジェクトであり、あなたはthrouこれらのプロパティにアクセスすることができます直接ViewContainerRefを使用してビューを作成しますgh let-バインディング。

詳しくはExploring Angular DOM manipulation techniques using ViewContainerRefを参照してください。this answerもご覧ください。