以下是一个使用Angular重新绘制表格的示例代码:
姓名
年龄
{{ person.name }}
{{ person.age }}
import { Component } from '@angular/core';
@Component({
selector: 'app-table',
templateUrl: './table.component.html',
styleUrls: ['./table.component.css']
})
export class TableComponent {
people: any[] = [
{ name: '张三', age: 20 },
{ name: '李四', age: 25 },
{ name: '王五', age: 30 }
];
updateTableData() {
// 模拟获取新数据
const newData = [
{ name: '赵六', age: 35 },
{ name: '钱七', age: 40 }
];
// 使用新数据更新表格
this.people = newData;
}
}
当点击按钮时,updateTableData方法将会使用新的数据重新绘制表格。