Angular 6: Renderer 2 - рендеринг пользовательских компонентов с использованием Renderer2 не работает
У меня есть один пользовательский угловой компонент <sample-cmp></sample-cmp>
Его содержимое не отображается в браузере, когда оно добавляется в DOM через Renderer2.
Найдите следующий код, который я использую для рендеринга пользовательского углового компонента 6 через Renderer2.
@ViewChild('formParent')
public elmRef: ElementRef;
constructor(public renderer: Renderer2) {
}
const domElm = renderer.createElement('sample-cmp');
renderer.appendChild(elmRef.nativeElement, domElm);
Приведенный выше код сгенерирует приведенный ниже тег в пользовательском интерфейсе.
<sample-cmp></sample-cmp>
Но этот шаблон 'sample-cmp' содержит текст 'Hello World', и он не отображается.
Моя проблема в том, что когда мы рендерим один пользовательский компонент с помощью Renderer 2, содержимое в шаблоне пользовательских компонентов не обрабатывается.