如何从angular中的另一个不同模型中添加一个模型形式的字段？

<app-child #childComponent></app-child>

import { Component, ViewChild } from '@angular/core';
import { ChildComponent } from './child.component';

@Component({
  selector: 'app-parent',
  template: '<app-child #childComponent></app-child>'
})
export class ParentComponent {
  @ViewChild('childComponent', { static: true }) childComponent: ChildComponent;
}

<input type="text" [(ngModel)]="model.field">

import { Component } from '@angular/core';

@Component({
  selector: 'app-child',
  template: '<input type="text" [(ngModel)]="model.field">'
})
export class ChildComponent {
  model = {
    field: ''
  };
}

<!-- UserComponent 模板 -->
<app-address #addressComponent></app-address>

<!-- 显示和编辑用户的地址信息 -->
<input type="text" [(ngModel)]="addressComponent.model.street">
<input type="text" [(ngModel)]="addressComponent.model.city">
<input type="text" [(ngModel)]="addressComponent.model.zip">

// UserComponent 类
import { Component, ViewChild } from '@angular/core';
import { AddressComponent } from './address.component';

@Component({
  selector: 'app-user',
  template: `
    <app-address #addressComponent></app-address>

    <!-- 显示和编辑用户的地址信息 -->
    <input type="text" [(ngModel)]="addressComponent.model.street">
    <input type="text" [(ngModel)]="addressComponent.model.city">
    <input type="text" [(ngModel)]="addressComponent.model.zip">
  `
})
export class UserComponent {
  @ViewChild('addressComponent', { static: true }) addressComponent: AddressComponent;
}

// AddressComponent 类
import { Component } from '@angular/core';

@Component({
  selector: 'app-address',
  template: `
    <input type="text" [(ngModel)]="model.street">
    <input type="text" [(ngModel)]="model.city">
    <input type="text" [(ngModel)]="model.zip">
  `
})
export class AddressComponent {
  model = {
    street: '',
    city: '',
    zip: ''
  };
}