在Angular Material表格中嵌套数据源的ngFor的用法可以通过以下步骤实现:
元素来创建表格结构。在
元素内部,可以使用
和
元素来定义表格的行和单元格。例如:
Name
{{ element.name }}
Email
{{ element.email }}
nestedDataSource = [
[
{ name: 'John', email: 'john@example.com' },
{ name: 'Jane', email: 'jane@example.com' }
],
[
{ name: 'Mike', email: 'mike@example.com' },
{ name: 'Lisa', email: 'lisa@example.com' }
]
];
let-element
语法来获取当前元素的值。例如:
这样,就可以在Angular Material表格中使用ngFor来嵌套遍历数据源,并显示嵌套表格的数据。