Angular 如何将扩展面板内容中的编辑器自动聚焦在角度方向上打开的扩展面板上？

我有一个带有“写入响应”标题的扩展面板。打开扩展面板时，我有一个羽毛笔编辑器

我需要将羽毛笔编辑器的焦点放在展开面板上

<mat-expansion-panel #panel1>
<mat-expansion-header> <span>"Write a Response"</span> </mat-expansion-header>
<quill-editor [ngModel]="htmlText" (onContentChanged)="onContentChanged($event)" placeholder="placeholder"></quill-editor>
</mat-expansion-panel>

“编写响应”

我尝试了自动对焦，CDKFocus，（focus）=“myMethod（）”，但仍然不起作用。有人能帮忙吗

---

谢谢。

要实现这一点，您必须使用@ViewChild

首先将id添加到quil编辑器-#编辑器

<mat-expansion-panel #panel1>
<mat-expansion-header> <span>"Write a Response"</span> </mat-expansion-header>
<quill-editor #editor [ngModel]="htmlText" (onContentChanged)="onContentChanged($event)" placeholder="placeholder"></quill-editor>
</mat-expansion-panel>

---

因此，上面的代码在视图初始化后将焦点移动到编辑器。

要实现这一点，必须使用@ViewChild

首先将id添加到quil编辑器-#编辑器

<mat-expansion-panel #panel1>
<mat-expansion-header> <span>"Write a Response"</span> </mat-expansion-header>
<quill-editor #editor [ngModel]="htmlText" (onContentChanged)="onContentChanged($event)" placeholder="placeholder"></quill-editor>
</mat-expansion-panel>

---

因此，上面的代码在视图初始化后将焦点移动到编辑器。

尝试了此操作，但没有达到预期效果。它聚焦羽毛笔编辑器一次，焦点返回到扩展面板。因此，我无法直接在编辑器中开始键入。尝试了这个，它可以工作，但不符合预期。它聚焦羽毛笔编辑器一次，焦点返回到扩展面板。因此，我无法直接在编辑器中开始键入。