Angular google.maps.places.Autocomplete在JHipster中使用模态

是否有人成功地使用Jhipster 4.6.1/angular 4.2中的模式获得了google.maps.places.Autocomplete

问题在于结果的显示（我验证了GoogleLookup ajax请求返回的正确性），但是.modal的z-index覆盖了GoogleCSS的z-index以显示结果=>什么都不显示

这个问题也在这里讨论：

在这里：

…我试着加上

.pac-container {
    z-index: 1054 !important;
 }

对组件SCS，但它没有效果

我可以通过chrome中的控制台手动修复它，并查看它是否正常工作

下面的示例显示了angular2+ngxbootstrap+modal的工作示例：

…但在google查找完成时，我似乎无法（用我的一生）覆盖.pac容器z-index。

---

任何让我走出“痛苦之家”的建议都非常感谢：-）

在dialog.component.html文件中添加样式元素，然后将类添加到输入字段，如下所示

 <div class="form-group">
            <input  placeholder="search for location" autocorrect="off" autocapitalize="off" spellcheck="off" type="text" class="form-control pac-container"  #search  >
        </div>

---

尝试将.pac容器样式添加到根级别样式，例如styles.scss

如果查看源代码，您会注意到.pac容器元素被打在html的底部。我猜它避开了角组件的模块化样式。这并不奇怪，因为同时使用angular和google maps通常需要使用ngZone，因为google map调用发生在angular zone之外

---

无论如何，这不一定是一个理想的解决方案，但我没有遇到更好的解决方案。

感谢这里的洞察力，是的，“变通”解决了问题。Angular 8/Bootstrap 5-只是花了一个小时在组件级别玩容器，试图将其拉到modal前面。这终于奏效了。谢谢