1. 在 Angular 中创建一个服务来处理 API 调用并获取结果：

@Injectable() export class ApiService { constructor(private httpClient: HttpClient) {}

getData(): Observable { return this.httpClient.get('api/data'); } }

2. 在组件中使用这个服务来获取数据并将结果存储在表格中：

@Component({ selector: 'app-table', templateUrl: './table.component.html', }) export class TableComponent implements OnInit { data: any[] = [];

constructor(private apiService: ApiService) {}

ngOnInit(): void { this.apiService.getData().subscribe((response) => { this.data = response; }); } }

3. 在表格组件的 HTML 模板中使用 ngFor 指令将数据循环渲染到表格中：

这样，Angular 就会调用 API 一次并将结果存储在表格中，而不是多次调用 API 以创建表格。