下面是一个示例的解决方法,其中使用Angular组件和Mat表格来调用HTTP请求并在每一行中显示数据:
import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { MatTableDataSource } from '@angular/material/table';
interface UserData {
id: number;
name: string;
email: string;
}
dataSource: MatTableDataSource;
displayedColumns: string[] = ['id', 'name', 'email'];
constructor(private http: HttpClient) {}
ngOnInit() {
this.http.get('https://api.example.com/users')
.subscribe(data => {
this.dataSource = new MatTableDataSource(data);
});
}
ID
{{user.id}}
Name
{{user.name}}
Email
{{user.email}}
请确保在项目中已正确安装和配置了Angular和Mat表格模块,并替换上述代码中的URL和数据结构以适应你的实际需求。