Angular 格式化角度材质扩展Google Places自动完成美国地址
我只是需要在Angular 11中自动完成一个地址,所以我偶然发现了Angular Material扩展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
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
}