Angular 5 - ComponentFactoryResolver 和属性

Angular 5 - ComponentFactoryResolver and properties

您好,我正在尝试通过 ComponentFactoryResolver 渲染组件视图并放入 DOM,但是渲染时未定义属性,在这种情况下该怎么办?

属性 在组件中:

@Input('productId') productId;

正在创建视图并将数据传递给 属性:

const componentRef: any = this.componentFactoryResolver
  .resolveComponentFactory(component)
  .create(this.injector);
componentRef.instance.productId = data.productId;

并在模板中

<div>{{ productId }}</div>

productId 未定义

致电

componentRef.changeDetectorRef.detectChanges();

修改属性以调用更改检测后。

另见 https://angular.io/api/core/ComponentRef#changeDetectorRef