angular - 弹出设置不起作用

Question

我有一个非常直接的剑道编辑器代码，如下所示

<div #containerRef>
    <kendo-editor style="height:500px">
          <kendo-toolbar>
            <kendo-toolbar-dropdownlist kendoEditorFormat></kendo-toolbar-dropdownlist>
          </kendo-toolbar>
    </kendo-editor>
</div>

但我的问题是下拉菜单没有显示在控件内，而是附加在根组件中。我尝试添加[PopupSettings]="{appendTo: containerRef}"但<kendo-toolbar>仍然无法正常工作。

这是我在 .ts 中的代码

@ViewChild('containerRef', { read: ViewContainerRef, static:true }) public containerRef: ViewContainerRef;

我在 chrome 开发人员工具中确认弹出窗口附加在根组件中，这就是我使用 popupsettings 但它仍然无法正常工作的原因。

有人遇到同样的问题吗？