在Angular和mongoose中创建包含嵌套数据的表

const mongoose = require('mongoose');

const addressSchema = new mongoose.Schema({
  street: String,
  city: String,
  state: String,
  country: String
});

const userSchema = new mongoose.Schema({
  name: String,
  email: String,
  addresses: [addressSchema]
});

const User = mongoose.model('User', userSchema);

import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, FormArray } from '@angular/forms';

@Component({
  selector: 'app-user-form',
  templateUrl: './user-form.component.html',
  styleUrls: ['./user-form.component.css']
})
export class UserFormComponent implements OnInit {
  userForm: FormGroup;

  constructor(private fb: FormBuilder) { }

  ngOnInit() {
    this.userForm = this.fb.group({
      name: '',
      email: '',
      addresses: this.fb.array([])
    });
  }

  get addresses() {
    return this.userForm.get('addresses') as FormArray;
  }

  addAddress() {
    const address = this.fb.group({
      street: '',
      city: '',
      state: '',
      country: ''
    });

    this.addresses.push(address);
  }

  removeAddress(index: number) {
    this.addresses.removeAt(index);
  }

  onSubmit() {
    console.log(this.userForm.value);
  }
}