要在Angular中显示JSON数据表格,你可以使用ngFor指令将数据循环渲染为表格的行和列。下面是一个解决方法的示例代码:
在组件中,首先定义一个JSON数据数组:
export class AppComponent {
jsonData = [
{ id: 1, name: 'John', age: 25 },
{ id: 2, name: 'Jane', age: 30 },
{ id: 3, name: 'Bob', age: 35 }
];
}
然后,在HTML模板中使用ngFor指令来遍历数据并渲染为表格:
ID
Name
Age
{{ item.id }}
{{ item.name }}
{{ item.age }}
在这个示例中,ngFor指令用于循环遍历jsonData数组中的每个对象,并将其渲染为表格的行和列。你可以根据自己的需求自定义表格的结构和样式。
确保你在组件中正确引入Angular的FormsModule,并在模块中导入FormsModule以启用ngFor指令。