在Angular中使用嵌套JSON数据

users = [
  {
    name: 'John',
    age: 25,
    address: {
      street: '123 Main St',
      city: 'New York',
      country: 'USA'
    }
  },
  {
    name: 'Jane',
    age: 30,
    address: {
      street: '456 Elm St',
      city: 'London',
      country: 'UK'
    }
  }
];

<div *ngFor="let user of users">
  <h2>{{ user.name }}</h2>
  <p>Age: {{ user.age }}</p>
  <p>Address: {{ user.address.street }}, {{ user.address.city }}, {{ user.address.country }}</p>
</div>

users = [
  {
    name: 'John',
    age: 25,
    orders: [
      { id: 1, product: 'Product A' },
      { id: 2, product: 'Product B' }
    ]
  },
  {
    name: 'Jane',
    age: 30,
    orders: [
      { id: 3, product: 'Product C' },
      { id: 4, product: 'Product D' }
    ]
  }
];

<div *ngFor="let user of users">
  <h2>{{ user.name }}</h2>
  <p>Age: {{ user.age }}</p>
  <h3>Orders:</h3>
  <ul>
    <li *ngFor="let order of user.orders">{{ order.product }}</li>
  </ul>
</div>