Question

我的情况：我有一个下拉菜单，下拉菜单下面有一张桌子。为了理解，假设下拉列表为城市，下表显示了城市列表以及详细信息。当用户在下拉列表中选择一个城市时，该城市的行必须成为表格中的第一行。我知道如何更改基础数据结构/数组以查找和插入替换数组中的第一项。完成该操作后，如何重新刷新表，使其现在在顶部显示该行？使用基本示例，当单击此堆栈闪电按钮时，如何说出第5行硼在第一行显示。 https://stackblitz.com/angular/epkqlvvjdqn?file=app%2Ftable-basic-example.ts

Answer 1

您可以使用解构来交换数组项，如下所示：

dataSource = new MatTableDataSource();
  ngOnInit(){
    this.dataSource.data = ELEMENT_DATA;
  }
  changeData(){
    let data = this.dataSource.data;

    [data[0],data[4]] = [data[4],data[0]];

    this.dataSource.data = data;    
  }

此处的工作演示：https://stackblitz.com/edit/angular-exkuqd

角度2材质表刷新

1 个答案: