Angular - Mapping Google places API结果到一个表单-如何映射两个长度不等但共享一个公用键的对象

import { HttpClient } from '@angular/common/http';

constructor(private http: HttpClient) {}

getPlacesData() {
  const apiKey = 'YOUR_GOOGLE_PLACES_API_KEY';
  const apiUrl = 'https://maps.googleapis.com/maps/api/place/details/json?place_id=PLACE_ID&key=' + apiKey;

  this.http.get(apiUrl).subscribe((data: any) => {
    // 在这里处理获取到的数据
    this.mapDataToForm(data);
  });
}

import { Component } from '@angular/core';
import { FormGroup, FormControl } from '@angular/forms';

@Component({
  selector: 'app-form',
  template: `
    <form [formGroup]="placeForm">
      <input formControlName="name" placeholder="名称">
      <input formControlName="address" placeholder="地址">
      <input formControlName="phone" placeholder="电话号码">
    </form>
  `
})
export class FormComponent {
  placeForm: FormGroup;

  constructor() {
    this.placeForm = new FormGroup({
      name: new FormControl(''),
      address: new FormControl(''),
      phone: new FormControl('')
    });
  }

  mapDataToForm(data: any) {
    this.placeForm.patchValue({
      name: data.name,
      address: data.address,
      phone: data.phone
    });
  }
}