如何使用ngFor遍历对象数组中的对象数组？(角度8 +)

data = [
  { name: 'John', age: 25, hobbies: ['reading', 'gaming'] },
  { name: 'Alice', age: 30, hobbies: ['coding', 'music'] },
  { name: 'Bob', age: 35, hobbies: ['cooking', 'painting'] }
];

<div *ngFor="let person of data">
  <p>{{ person.name }}:</p>
  <ul>
    <li *ngFor="let hobby of person.hobbies">{{ hobby }}</li>
  </ul>
</div>