угловое обновление 2 таблицы материалов

Question

Моя ситуация: У меня есть выпадающий список и таблица под выпадающим. Для понимания предположим, что выпадающий список является городом, а в таблице ниже приведен список городов с подробной информацией. Когда пользователь выбирает город в раскрывающемся списке, для этого города должна быть указана первая строка в таблице. Я знаю, как изменить базовую структуру данных / массив, чтобы найти и вставить заменить первый элемент в массиве. Сделав это, черт возьми, я могу обновить таблицу, чтобы она теперь показывала эту строку сверху? Используя базовый пример, как получить, скажем, строку 5 Boron, чтобы она отображалась в первой строке, когда какая-то кнопка нажимала на этот стек? 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