如何使用*ngFor structural指令减少在表中显示列表(从数据库获取的json对象)的时间？

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

@Component({
  selector: 'app-table',
  templateUrl: './table.component.html',
  styleUrls: ['./table.component.css']
})
export class TableComponent {
  jsonData: any[]; // 用于存储从数据库获取的JSON对象数据

  constructor() {
    // 从数据库获取JSON对象数据的逻辑
    this.jsonData = [
      { id: 1, name: 'John' },
      { id: 2, name: 'Jane' },
      { id: 3, name: 'Bob' }
    ];
  }

  trackByFn(index: number, item: any): number {
    return item.id; // 使用id作为唯一标识符
  }
}

<table>
  <thead>
    <tr>
      <th>ID</th>
      <th>Name</th>
    </tr>
  </thead>
  <tbody>
    <tr *ngFor="let item of jsonData; trackBy: trackByFn">
      <td>{{ item.id }}</td>
      <td>{{ item.name }}</td>
    </tr>
  </tbody>
</table>