是否有人成功在Jhipster 4.6.1 / Angular 4.2中使用modal使用google.maps.places.Autocomplete？
问题在于结果的显示（我验证了Google查找ajax请求是否正确返回），但是.modal的z-index会覆盖显示结果的google css的z-index =>没有任何显示。
这个问题也已经在这里讨论过：如何在angular 2+的bootstrap modal中创建google autocomplete？
而在这里：Google Place Autocomplete不会以Bootstrap模式显示
..我尝试添加
.pac-container {
z-index: 1054 !important;
}
到组件scss，但没有效果。
我可以通过chrome控制台手动修复它，并查看它是否有效。
下面的示例显示了一个使用angular2 + ngxbootstrap + modal的工作示例：https ://embed.plnkr.co/N2Oiu5JzirOfUuA8Te3o/
...但是当我完成Google查找后，我似乎无法（就我的生活而言）似乎覆盖.pac-container z-index。任何使我摆脱“痛苦之家”的建议都非常受感激：-)
尝试将.pac-container样式添加到根级别样式，例如styles.scss。
如果您查看源代码，您会注意到.pac-container元素在html的底部被拍打。我猜想它逃脱了角度组件的模块化样式。这并不奇怪，因为一起使用角度地图和Google地图通常需要使用ngZone，因为Google地图调用发生在角度区域之外。
无论如何，不一定是理想的解决方案，但我没有遇到更好的解决方案。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句