google.maps.places.Autocomplete与模式在JHipster

Question

有没有人成功地获得google.maps.places.Autocomplete与模式在Jhipster 4.6.1 /角4.2？

问题是显示结果（我验证了google查询ajax请求返回正确），但.modal的z-index覆盖了显示结果的google css的z-index =>没有任何内容出现。

这个问题也得到了这里介绍： how to create google autocomplete in bootstrap modal in angular 2+?

这里：Google Place Autocomplete not showing in Bootstrap modal

..和我尝试添加

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

到组件SCSS，但它没有任何效果。

我可以通过控制台手动修复它，并看到它的工作原理。

下面这个例子，显示与angular2 + ngxbootstrap +模式工作的例子：
https://embed.plnkr.co/N2Oiu5JzirOfUuA8Te3o/

...但我没有（对我的生活），似乎可以覆盖该.pac容器的z-index当谷歌查找完成。 任何意见，让我走出“痛苦之家”非常感谢:-)

Answer 1

在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>