访问动态创建的html元素angular 4

Question

模板：

<div  *ngFor="let location of Item.Locations; let i = index;">
  <input #searchBox  type="text" > 
</div>

代码：

@ViewChild('searchBox') geocodeTest : ElementRef;  

searchGoogleLocation(){
  let input: any = this.geocodeTest.nativeElement;
  console.log(this.geocodeTest);
  let searchBox = new google.maps.places.Autocomplete(input);
  console.log(searchBox);
  searchBox.addListener("place_changed", () => {
    this._ngZone.run(() => {
      console.log('listening');
      let place = searchBox.getPlace();
      if (place) {
        let loc = {
          name : place.formatted_address,
          latLng : place.geometry.location.toJSON
        }
       return ;
      }
    })
  });
}   

动态创建的searchBox输入字段。所以我想访问所有这些输入字段并将Google自动完成位置API绑定到输入字段。并获取从API返回的结果。此代码在一个输入字段上正常工作。但是当它还有更多时，它不起作用。如何动态访问这些html元素。 （抱歉我的英语不好）谢谢。