Вот код, который я пытаюсь получить на работу (угловой 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);
}
}
Проблема в том, что я получил это (templateRef.createEmbeddedView is not a function
) и не понимаю, почему.
Этот код основан на этом примере https://netbasal.com/angular-2-understanding-viewcontainerref-acc183f3b682, поэтому я думаю, он должен работать.
Что я делаю неправильно?