如何在Angular 8中捕获动态渲染组件的输出？

在Angular 8中，可以通过使用ViewChild装饰器来捕获动态渲染组件的输出。ViewChild装饰器允许我们在组件类中获取对子组件、指令或DOM元素的引用。

首先，在父组件的模板中，使用动态组件的选择器来标记要捕获输出的位置。例如，如果动态组件的选择器是app-dynamic-component，可以在父组件的模板中添加一个标记：

<div #dynamicComponentContainer></div>

然后，在父组件的类中，使用ViewChild装饰器来获取对动态组件的引用。将ViewChild装饰器应用于一个属性，并传入动态组件的类型作为参数。同时，使用read选项来指定要获取的是组件实例还是组件的DOM元素。

import { Component, ViewChild, ComponentRef } from '@angular/core';
import { DynamicComponent } from './dynamic.component';

@Component({
  selector: 'app-parent',
  template: `
    <div #dynamicComponentContainer></div>
  `
})
export class ParentComponent {
  @ViewChild('dynamicComponentContainer', { read: ComponentRef }) dynamicComponentRef: ComponentRef<DynamicComponent>;
}

现在，我们可以在父组件的代码中使用dynamicComponentRef属性来访问动态组件的属性和方法。例如，可以通过dynamicComponentRef.instance来访问动态组件实例的属性和方法。

ngAfterViewInit() {
  if (this.dynamicComponentRef) {
    const dynamicComponentInstance = this.dynamicComponentRef.instance;
    // 访问动态组件的属性和方法
  }
}

这样，我们就可以在Angular 8中捕获动态渲染组件的输出了。