要在Angular中创建一个数据表作为一个组件,可以按照以下步骤进行操作:
ng generate component data-table
{{column}}
{{element[column]}}
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-data-table',
templateUrl: './data-table.component.html',
styleUrls: ['./data-table.component.css']
})
export class DataTableComponent implements OnInit {
displayedColumns: string[] = ['name', 'age', 'email'];
dataSource: any[] = [
{ name: 'John Doe', age: 25, email: 'john.doe@example.com' },
{ name: 'Jane Smith', age: 30, email: 'jane.smith@example.com' },
{ name: 'Bob Johnson', age: 35, email: 'bob.johnson@example.com' }
];
constructor() { }
ngOnInit() {
}
}
通过按照上述步骤,您将能够在Angular中创建一个数据表作为一个组件,并用相应的数据渲染它。