angularjs UI引导模式与谷歌的地方

Question

我正在尝试在UI Bootstrap模式中打开Goog​​le Maps Places自动填充地址表单.我的问题是谷歌的地方下拉显示在模态背后,无论如何要将它放在模态之上,以便你可以看到它？

地址表https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete-addressform

Bootstrap http://angular-ui.github.io/bootstrap/

任何帮助或想法都会有很大帮助.

Answer 1

结果只是一个z索引问题,通过在CSS中添加以下内容来解决问题.

.pac-container {
    z-index: 100000;
}

Answer 2

我有 angular7 + bootstrap 模式，这对我不起作用

所以我添加::ng-deep，请参阅下面的最终CSS

::ng-deep .pac-container { z-index: 100000; }

感谢refercus的解决方案！