如何将嵌套的json对象读取到Angular中的表中？

export class DataModel {
  name: string;
  age: number;
  address: {
    street: string;
    city: string;
    country: string;
  };
}

import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { DataModel } from './data.model';

@Component({
  selector: 'app-data',
  templateUrl: './data.component.html',
  styleUrls: ['./data.component.css']
})
export class DataComponent implements OnInit {
  jsonData: DataModel[];

  constructor(private http: HttpClient) { }

  ngOnInit() {
    this.http.get<DataModel[]>('api/data').subscribe(data => {
      this.jsonData = data;
    });
  }
}

<table>
  <thead>
    <tr>
      <th>Name</th>
      <th>Age</th>
      <th>Street</th>
      <th>City</th>
      <th>Country</th>
    </tr>
  </thead>
  <tbody>
    <tr *ngFor="let item of jsonData">
      <td>{{ item.name }}</td>
      <td>{{ item.age }}</td>
      <td>{{ item.address.street }}</td>
      <td>{{ item.address.city }}</td>
      <td>{{ item.address.country }}</td>
    </tr>
  </tbody>
</table>