Twitter bootstrap 如何在angular 2+；的引导模式中创建google autocomplete；？

我正在使用谷歌角地图（agm），我用下面的方式创建了谷歌自动完成

在html中

  <input type="text" #pick id="address" class="form-control" [(ngModel)]="pickAddress" name="pickAddress" (ngModelChange)="pickAdd()" placeholder="Pick Up Address" onclick="return false" style="padding-left: 30px;border-radius: 25px;border: 1px solid #31708f;"

css:

如果我把上面的代码放在bootstrap模式中，googleautocomplete就不起作用了

注:

---

上面的代码在没有引导模式的情况下工作（在普通视图中）

它在普通视图中工作，在模式中不工作，所以我猜您的问题是关于z-indexcss属性

解决方案是将google autocomplete项的z索引设置为大于模式引导z索引：

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

资料来源：

我确信这就是问题所在，因为如果你只是按照所有的指示去做&你会注意到没有错误，但是只有自动完成项没有显示出来

看看我创建的这个plunker（angular、ngx引导、angular谷歌地图），一切都很好：

---

如果您能提供一个打劫器，您的问题将更容易回答。这是否有帮助？实际上，我使用角形2号杆。

sebm-google-map {
    height: 300px;
}

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