首先,在component.ts文件中创建一个空数组来存储API响应对象。
myData: any[] = [];
然后,在对应的方法中使用HttpClient服务来获取API数据,并将响应对象存储在该空数组中。
import { HttpClient } from '@angular/common/http';
export class MyComponent {
myData: any[] = [];
constructor(private http: HttpClient) {}
getDataFromAPI() {
this.http.get('http://myapiurl.com').subscribe((res) => {
this.myData = res;
});
}
}
最后,在component.html文件中使用*ngFor指令来循环遍历存储在数组中的数据,将其填充到Angular数据表格中。
Id
Name
Age
{{ data.id }}
{{ data.name }}
{{ data.age }}