Angular PrimeNG 编辑器获取多个实例

Answer 1

ViewChildren

为您提供与您的查询匹配的所有项目的可观察列表，即

Editor

。您将获得您正在使用的 4 个编辑器的列表。

在

ngAfterViewInit

中，当您订阅

this.editorCmp.changes

时，

editor

将获得4位编辑。然后你为其中的每个人分配

edit.quill

到

this.quill

。因此，由于您覆盖了前 3 个作业，因此实际上只有最后一个作业有效。

如果你想存储全部 4 个，你可以将它们存储在编辑器数组中，如下所示：

x.component.ts

private quills: undefined | Quill[]; // Change to array of Quill


ngAfterViewInit(): void {
    this.editorCmp.changes.subscribe((editors) => {
        this.quills = editors.map((editor) => editor.quill);
    })
 }