Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 格式化角度材质扩展Google Places自动完成美国地址_Angular_Angular Material_Angular11 - Fatal编程技术网

Angular 格式化角度材质扩展Google Places自动完成美国地址

Angular 格式化角度材质扩展Google Places自动完成美国地址,angular,angular-material,angular11,Angular,Angular Material,Angular11,我只是需要在Angular 11中自动完成一个地址,所以我偶然发现了Angular Material扩展google places自动完成模块。它几乎做了我需要它做的事情,除了它是用德语格式化的 因此,与要求的表格不同: Street name, NR (street number), PLZ (zip code), Locality (City). 我希望表格能够显示和收集: Street Number, Street name, City, State, Zip Code in that

我只是需要在Angular 11中自动完成一个地址,所以我偶然发现了Angular Material扩展google places自动完成模块。它几乎做了我需要它做的事情,除了它是用德语格式化的

因此,与要求的表格不同:

Street name, NR (street number), PLZ (zip code), Locality (City). 
我希望表格能够显示和收集:

Street Number, Street name, City, State, Zip Code in that order. 
我可以通过以下方式从表格中获得正确的信息:

onGermanAddressMapped($event: GermanAddress) {
    console.log($event)
}
只是它仍然错误地显示在表单中

有没有办法调整组件

还是我需要用另一种方式来处理整件事

对象中的
displayAddress
以正确的格式显示为字符串

代码:

在模板中:

<mat-search-google-maps-autocomplete country="us"  formControlName="address" required (onAddressChange)="AddressChange($event)" (onGermanAddressMapped)="onGermanAddressMapped($event)">
    onGermanAddressMapped($event: GermanAddress) {
    const addressAsString = $event.displayAddress?.toString
    const latitude = $event.geoLocation?.latitude;
    const longitude = $event.geoLocation?.longitude;
    console.log($event);
    console.log(addressAsString, latitude, longitude)
    return $event
  }