Angular 5表未更新

Question

我有一张桌子用于显示我从Angular Maps获得的地方详情。

component.ts中的代码是

ngOnInit()
  {
    this.mapsAPILoader.load().then(() =>
    {
      this.placesService = new google.maps.places.PlacesService(document.createElement('div'));

      this.placesService.getDetails(
      { placeId: this.placeID }, (pR, s) =>
      {
        if(s === 'OK')
        {
          this.infoResults = this.makeInfoArray(pR);
        }
      });
    });
  }

  makeInfoArray(pR)
  {
    let infoResults = [];
    if (pR.formatted_address)
    {
      infoResults.push({"field": "A", "value": pR.formatted_address});
    }

    return (infoResults);
  }

表格是这样的

<table class="table">
  <tr *ngFor="let info of infoResults">
    <th scope="row">{{ info.field }}</th>
    <td>{{ info.value }}</td>
  </tr>
</table>

问题是当更新变量infoResults时，Angular Maps异步返回数据，表数据不会更新。

在这种情况下可以做些什么？