使用google angular获取城市建议

import { Component } from '@angular/core';
import { MapsAPILoader } from '@agm/core';

@Component({
  selector: 'app-city-suggestion',
  template: `
    <input type="text" [(ngModel)]="searchQuery" (input)="onSearchInput()">
    <ul>
      <li *ngFor="let suggestion of citySuggestions">{{ suggestion }}</li>
    </ul>
  `
})
export class CitySuggestionComponent {
  searchQuery: string;
  citySuggestions: string[];

  constructor(private mapsAPILoader: MapsAPILoader) {}

  onSearchInput() {
    if (this.searchQuery) {
      this.mapsAPILoader.load().then(() => {
        const service = new google.maps.places.AutocompleteService();
        service.getPlacePredictions({ input: this.searchQuery }, (predictions, status) => {
          if (status === google.maps.places.PlacesServiceStatus.OK) {
            this.citySuggestions = predictions.map(prediction => prediction.description);
          }
        });
      });
    } else {
      this.citySuggestions = [];
    }
  }
}