node.js - 如何在 Angular 2 组件中访问服务器数据以填充动态表单字段

Question

我正在尝试在我的表单中加载用户个人资料数据和地址（多个地址）。所以我需要将地址放入循环中。这样我就可以使用数据创建动态表单字段。

个人信息组件.ts：

var data = this.personalInfoService
        .getPersonalInfoData(this.driver_id)
        .subscribe(arg => {this.driverData = arg.profile,
                           this.address_data = arg.addresses});

个人信息服务.ts

getPersonalInfoData(driver_id) 
 { 
    return this.http.get('/getPersonalInfoData/'+id).map((res: Response) => { 
        return res.json(); }); 

 }

在这里，我尝试使用该数据 personalInfoComponent.ts：

 const arrayControl = <FormArray>this.personal_info_form.controls['addresses'];   
  this.address_data.forEach(item => {

      let newGroup = this._fb.group({
        address: [item.address, Validators.required],
        city: ['', Validators.required],
        state: ['', Validators.required],
        zip: ['', Validators.required],
        years: ['', Validators.required],
      });
      arrayControl.push(newGroup);
  });   

在上面的代码中，我可以从后端获取数据，但是我无法访问我的personalInfoComponent.ts中的address_data