我如何从我的json中填充数据来构建Angular 8中的网格？

[
  {
    "id": 1,
    "name": "John Doe",
    "age": 25
  },
  {
    "id": 2,
    "name": "Jane Smith",
    "age": 30
  },
  {
    "id": 3,
    "name": "Bob Johnson",
    "age": 35
  }
]

import { HttpClient } from '@angular/common/http';

constructor(private http: HttpClient) { }

ngOnInit() {
  this.http.get('path/to/your/json/file.json').subscribe((data: any[]) => {
    // 在这里处理返回的数据
    this.gridData = data;
  });
}

<table>
  <thead>
    <tr>
      <th>ID</th>
      <th>Name</th>
      <th>Age</th>
    </tr>
  </thead>
  <tbody>
    <tr *ngFor="let item of gridData">
      <td>{{ item.id }}</td>
      <td>{{ item.name }}</td>
      <td>{{ item.age }}</td>
    </tr>
  </tbody>
</table>