要使用Angular中的mat-table来渲染数据,需要按照以下步骤进行设置:
ng add @angular/material
import { Component } from '@angular/core';
@Component({
selector: 'app-table',
templateUrl: './table.component.html',
styleUrls: ['./table.component.css']
})
export class TableComponent {
dataSource = [
{ name: 'John', age: 25, city: 'New York' },
{ name: 'Jane', age: 30, city: 'London' },
{ name: 'Bob', age: 35, city: 'Paris' }
];
}
Name
{{element.name}}
Age
{{element.age}}
City
{{element.city}}
import { MatTableModule } from '@angular/material/table';
通过按照以上步骤进行设置,你就可以使用mat-table来渲染数据了。