如何在angular 4中访问另一个对象数组中的对象数组

export class YourComponent {
  mainArray: any[] = [
    { id: 1, name: 'Object 1', subArray: [{ id: 11, name: 'Sub Object 1' }, { id: 12, name: 'Sub Object 2' }] },
    { id: 2, name: 'Object 2', subArray: [{ id: 21, name: 'Sub Object 3' }, { id: 22, name: 'Sub Object 4' }] },
    // ...
  ];
}

<div *ngFor="let mainObj of mainArray">
  <h2>{{ mainObj.name }}</h2>
  <ul>
    <li *ngFor="let subObj of mainObj.subArray">
      {{ subObj.name }}
    </li>
  </ul>
</div>