Добавить компонент динамически в дочерний элемент с помощью директивы

ел бы создать ViewRef из разметки, которая динамически вставляется в шаблон. Возможно ли это на основе следующего примера кода?

template.html:

<ng-container *ngTemplateOutlet="dynamic; context: cntx"></ng-container>
<ng-template #dynamic>
  <div [innerHTML]="markup"></div>
</ng-template>

Внедренная разметка из вызова API для привязки к атрибуту innerHTML div:

<div>
    <div id="forViewRef"></div>
</div>

component.ts:

@ContentChild('#forViewRef', { read: ViewContainerRef }): someHndl;
private _nativeElem: any;

constructor(
    private sanitizer: DomSanitizer, 
    private _vcRef: ViewContainerRef, 
    private _resolver: ComponentFactoryResolver) {
    // to ensure template has been created, #dynamic
    this._nativeElem = this._vcRef.element.nativeElement;
}

// listen to lifecycle hook
ngAfterContentChecked() {
    if (this._nativeElem !== undefined)
        // childContent ref is undefined
        console.log(this.someHndl);
        // markup is in the DOM
        console.log(this._nativeElem.querySelectorAll('#forViewRef'));
}

Ответы на вопрос(1)

Ваш ответ на вопрос