Angular 5 - ComponentFactoryResolver 和属性

Question

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

属性 在组件中：

@Input('productId') productId;

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

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

并在模板中

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

productId 未定义

Answer 1

致电

componentRef.changeDetectorRef.detectChanges();

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

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