Angular Ng“选择内部”对话框添加额外隐藏高度

在对话框内部使用ng select时，下拉列表的内容不会在对话框外部显示，并且会溢出。我在github上也看到了这个问题，但没有找到解决方案

演示：

我怎样才能解决这个问题

预期行为：

实际行为：

来自github的解决方案，其[appendTo]=“body”

---

您可以这样做，即使这可能并不理想

<div style="display: block; height: 40px;">
  <ng-select [searchable]="false" style="position: absolute; width: 200px;">
    <ng-option *ngFor="let option of options" [value]="option">
      {{ option }}
    </ng-option>
  </ng-select>
</div>

{{option}}

需要一些固定的值，但绝对位置解决了您的问题，稍微摆弄一下css可能会以一种体面的方式给您带来您想要的结果

编辑：

在ng select标签上粘贴appendTo=“body”

---

解决方案

[appendTo]=“'body'”

是否与github票证上的说明不一样？我用[appendTo]=“'body'”编辑了这个问题，看起来它能够从对话框中退出，可以尝试将它的

z-index

更新到比对话框更高的值吗？我将+1这个问题，因为

[appendTo]=“'body'”

对我有效。我有一个

ng select

元素，位于

mat扩展面板内的组件中，底部的内容将被切断。非常适合我的用途。ThanksPosition=“absolute”在IE中不起作用。有关如何使其在IE中起作用的任何更改？注释指出，您必须设置与absolut定位元素父元素的相对位置，但不知道在此处是否起作用。但是我可以肯定的是，网络上有很多解决方案，你可以随意编辑这篇文章。这对我来说也是正确的答案