Google自动填充 - 在两个不同的字段中获取位置名称和地址

时间:2017-02-17 13:24:41

标签: javascript angular google-places-api

假设我有两个字段,位置名称和位置地址。现在,如果我在字段位置名称中键入悉尼歌剧院并从下拉列表中选择一个地址,那么悉尼歌剧院应该出现在位置名称中,位置地址应该自动填充地址 - Bennelong Point ,悉尼NSW 2000,澳大利亚 我可以从完整地址获取位置名称,但不太确定如何在位置地址字段中显示其余地址。这是我的代码:PLUNKER

我有一个名为place-autocomplete.directive的指令,其中已经改变了监听器我正在这样做:

google.maps.event.addListener(this.autocomplete, 'place_changed', ()=> {
      input.value=input.value.split(',')[0]; //this is location name
      var inputAdd=input.value.split(',')[1];// the address, how should I pass this?
      var place = this.autocomplete.getPlace();
      this.invokeEvent(place);
    });

1 个答案:

答案 0 :(得分:0)

您可以将输入类型(场地地址)绑定到[this.address]

或者可以设置该字段的值,如下所示

    getAddress(place: Object) {
       this.address = place['formatted_address'];
       document.getElementById('<id of the Venue Address text box>').value=this.address;
     }