有没有办法在动态创建的组件中访问 @Input 变量？

Question

我正在向表单动态添加行，并希望每个新行都有一个唯一的 ID 号。

我有以下代码来添加一个新组件（代表一个新行），但我发现component.instance 只包含新创建的组件的“正常”属性，而不是用@Input() 修饰的属性。有没有办法动态写入/修改@Input() 属性？当一个人动态地创建一个组件时，人们自然会认为必须有一种直接的方法来以某种方式提供@Input() 值！

const componentFactory = this.componentFactoryResolver.resolveComponentFactory(thisType);
const component = this.subEnrollForm.container.createComponent(componentFactory);
component.instance.rowData.push(newRow); //rowData is a property in the
                                       dynamically-created component and 
                                       is decorated with @Input()

这是动态创建的组件：

export class SubEnrollFormRowComponent implements OnInit, DoCheck, OnChanges, AfterContentInit, AfterViewInit {
 @Input() rowData; 
  objKeys: Array<any> = [];
  subKeys: Array<any> = [];

我看到一个旧帖子有以下答案，但我希望随后添加了新功能来解决这个问题：

不，Angular2 绑定仅适用于组件和指令 静态添加到组件的模板中。

对于所有其他情况，请使用如中所述的共享服务 https://angular.io/guide/component-interaction#parent-and-children-communicate-via-a-service

你也可以使用

let componentRef = entryPoint.createComponent(componentFactory); componentRef.instance.someProp = 'someValue'; componentRef.instance.someObservableOrEventEmitter.subscribe(data => this.prop = 数据);

后一种解决方案对我不起作用，另一个将组件转换为类型<any> 的建议也没有。我对上面提到的services 方法的解释是，我需要创建一个 Observable 供孙子订阅，以监视祖父母何时尝试更新孙子的 @Input() 属性，但这种方法在我看来是大量的矫枉过正，大量不必要的编码和开销来实现应该非常简单和直接的事情（除非我错过了一些东西，这很可能！）。如果有人有一种相对简单的方法来初始化/动态修改用@Input 装饰的孙组件属性，请提前非常感谢！

Answer 1

用@Input 修饰的属性仍然是类属性，并且可以像任何其他属性一样访问。

我创建了一个工作示例： https://stackblitz.com/edit/angular-6-template-yih3sx?file=src%2Fapp%2Fapp.component.ts