无法在Angular中编辑动态组件

Question

我正在按以下常规方式创建动态组件。

const formRowFactory = this.resolver.resolveComponentFactory(FormRowComponent);
const { instance: formRowComponent } = this.newComponents.createComponent(formRowFactory);
formRowComponent.name = categoryName;

我将其索引存储在其他位置，以便可以检索组件

const component = this.newComponents.get(index);

然后我想编辑名称，但我不能这样做。它不允许我访问该实例，或者没有任何功能可以对其进行修改。

那你怎么做呢？顺便说一句，在Angular中编辑内容子级非常容易。为什么对动态对象如此苛刻？

Answer 1

我相信这是因为在您编写data-group时，您会收到 ViewRef ，而不是 ComponentRef 。我使用动态创建的组件引用维护一个单独的数组，以便以后访问它们。

Angular docs