Angular Material (2.0) 自动完成建议面板出现在 Bootstrap Modal 后面

Question

我正在尝试向我拥有的 boostrap 模态添加一个自动完成字段，但是在键入时，建议框出现在模态后面并且用户看不到。

我试过以下方法：

.mat-autocomplete-panel {
    position: fixed !important;
    z-index:100000 !important;
}

但是我没有找到任何成功，有没有人有幸将建议框移到前面？

图片：

Answer 1

将此 class 粘贴到您的主 style.scss

/* 模态修复上的 Mat 自动完成 */ .cdk-overlay-container {z-index: 999999 !important;}