Winkel-5: templateRef.createEmbeddedView keine Funktion

Hier ist der code, den ich versuche zur Arbeit zu kommen (Winkel-5):

  import { Component, ViewChild, TemplateRef, ViewContainerRef } from '@angular/core';

@Component({
  selector: 'vcr',
  template: `
    <template #tpl>
      <h1>ViewContainerRef</h1>
    </template>
    <div>Some element</div>
    <div #container></div>
  `,
})
export class VcrCmp {
  @ViewChild('container', { read: ViewContainerRef }) _vcr;
  @ViewChild('tpl') tpl: TemplateRef<any>;

  constructor(
    private viewContainerRef: ViewContainerRef
  ) {

  }

  ngAfterViewInit() {
    console.info(this.viewContainerRef);
    console.info(this._vcr);

    this._vcr.createEmbeddedView(this.tpl);
    this.viewContainerRef.createEmbeddedView(this.tpl);
  }
}

Das problem ist, dass ich habe diese (templateRef.createEmbeddedView is not a function) Fehler und verstehen nicht wirklich, warum.

Dieser code basiert auf diesem Beispiel https://netbasal.com/angular-2-understanding-viewcontainerref-acc183f3b682 also ich denke, es sollte funktionieren.

Was mache ich falsch?

Was this.viewContainerRef.createEmbeddedView(this.tpl);
beide Anrufe den gleichen Fehler erzeugen

InformationsquelleAutor k102 | 2017-11-07

Schreibe einen Kommentar