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>