如何在角度中逐个显示嵌套对象

export class AppComponent {
  nestedObjects = [
    {
      name: 'Object 1',
      properties: {
        prop1: 'Property 1',
        prop2: 'Property 2'
      }
    },
    {
      name: 'Object 2',
      properties: {
        prop1: 'Property 1',
        prop2: 'Property 2'
      }
    },
    // 可以添加更多的嵌套对象
  ];
}

<div *ngFor="let obj of nestedObjects">
  <h3>{{ obj.name }}</h3>
  <ul>
    <li *ngFor="let prop of Object.keys(obj.properties)">
      {{ prop }}: {{ obj.properties[prop] }}
    </li>
  </ul>
</div>