在Angular 7中,可以使用mat-table来显示表格数据。如果数组中的数组需要在mat-table中显示,可以通过嵌套ng-container和ng-template来实现。
以下是一个示例代码:
在组件中定义数据数组:
export class AppComponent {
data = [
{ name: 'John', details: ['Detail 1', 'Detail 2'] },
{ name: 'Jane', details: ['Detail 3', 'Detail 4'] },
{ name: 'Bob', details: ['Detail 5', 'Detail 6'] }
];
}
在HTML模板中,使用mat-table来显示数据:
Name
{{ element.name }}
Details
{{ detail }}
这样,就可以在mat-table中显示数组中的数组数据。在上面的示例中,name列显示name属性的值,details列使用ng-container和ng-template来循环显示details数组的值。