如何将嵌套的json对象映射到angular 11中的模型？

{
  "id": 1,
  "name": "John Doe",
  "address": {
    "street": "123 Main St",
    "city": "Anytown",
    "zip": "12345"
  }
}

export class Address {
  street: string;
  city: string;
  zip: string;
}

export class User {
  id: number;
  name: string;
  address: Address;
}

import { Component, OnInit } from '@angular/core';
import { User, Address } from './models'; // 假设模型类定义在models.ts文件中

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

  ngOnInit(): void {
    const json = {
      "id": 1,
      "name": "John Doe",
      "address": {
        "street": "123 Main St",
        "city": "Anytown",
        "zip": "12345"
      }
    };

    this.user = {
      id: json.id,
      name: json.name,
      address: {
        street: json.address.street,
        city: json.address.city,
        zip: json.address.zip
      }
    };
  }
}

export class Address {
  street?: string = '';
  city?: string = '';
  zip?: string = '';
}

import { plainToClass } from 'class-transformer';

const user = plainToClass(User, json);