在Angular 7中动态添加行到Material数据表格可以通过以下步骤来实现:
首先,确保你的Angular项目中已经安装了Angular Material库。
import { MatTableDataSource } from '@angular/material/table';
import { MatDialog } from '@angular/material/dialog';
dataSource: MatTableDataSource;
constructor() {
this.dataSource = new MatTableDataSource();
}
名称
{{element.name}}
displayedColumns: string[] = ['name'];
addRow() {
const newRow = { name: '新行' }; // 这里可以根据需求定义新行的内容
this.dataSource.data.push(newRow);
this.dataSource.data = [...this.dataSource.data];
}
通过以上步骤,你就可以在Angular 7中动态添加行到Material数据表格了。点击“添加行”按钮后,会往数据源中添加一行新的数据,然后表格会自动更新显示新的行。