Google自动完成功能不适用于页面刷新上的Ionic 3

Question

页面加载Google自动完成功能正常工作，但是当我使用this.setRoot("NewShipmentPage") Google Autocomplete does not work刷新页面时

在屏幕截图中查看

如果我来自其他页面，则可以正常工作，但如果我通过使用this.setRoot（“ NewShipmentPage”）再次单击同一页面来引用该页面，则可以在同一页面上运行。自动完成服务不会触发。可能是什么原因？ 非常感谢您的帮助。看到我的代码

  ngAfterViewInit() {

     this.input = <HTMLInputElement>document.getElementById("auto");
     let options = {types: ['geocode']}
     this.autoComplete = new google.maps.places.Autocomplete(this.input, options);


}

和 new-shipment.html

<ion-content>
   <div class="search-holder">
   <input id="auto" type="text" name="address" placeholder="Search Pick-Up Location" class="search" [(ngModel)]="address">
  </div>
</ion-content>