将自动完成列表显示到angularjs模态指令中，列表可以，但不显示

Question

我希望在指令中将jquery自动完成列表显示到angularjs模式中。 我处理显示列表但它显示在模态后面。

See demo

由于

Answer 1

这不是angularjs问题。

将值设置为建议列表的z-index属性（必须大于模式的z-index属性）：

.ui-autocomplete {
    z-index: 1051; /* z-index of modal is equal to 1050. */
}

Answer 2

在角度项目的src / style.css中设置z-index的值以概述该值

.cdk-overlay-container{
     z-index: 1050 !important;
}