如何循环访问Angular中具有未知属性的数组对象

interface UnknownObject {
  [key: string]: any;
}

const array: UnknownObject[] = [
  { name: 'Alice', age: 30 },
  { name: 'Bob', city: 'New York' },
  { name: 'Charlie', job: 'Engineer' }
];

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  array: UnknownObject[] = [
    { name: 'Alice', age: 30 },
    { name: 'Bob', city: 'New York' },
    { name: 'Charlie', job: 'Engineer' }
  ];

  getKeys(obj: UnknownObject): string[] {
    return Object.keys(obj);
  }
}

<ul>
  <li *ngFor="let item of array">
    <div *ngFor="let key of getKeys(item)">
      {{ key }}: {{ item[key] }}
    </div>
  </li>
</ul>