При обновлении источника данных не допускайте, чтобы развернутая таблица матов была свернутой строкой (Angular Material)

Question

Я создаю приложение, которое использует живые данные, которые должны обновляться каждые несколько секунд. Я использую mat-table, которая отображает дополнительную mat-таблицу внутри сворачиваемой строки. Свертывание работает нормально, но когда я обновляю источник данных, он сворачивается. Есть ли способ предотвратить / переопределить это поведение? Я отредактировал сворачивающийся пример, чтобы показать, что я имею в виду: https://stackblitz.com/edit/angular-3yukjz - просто нажмите первый элемент, он будет разрушаться при изменении источника данных.

Answer 1

В итоге я решил эту проблему, добавив логическое «расширенное» к моей модели данных, которое по умолчанию было ложным. При использовании метода click для строк я отправлял строку и перебирал все строки - когда он нашел правильную строку, он инвертировал логическое значение и вышел из функции. Затем при обновлении данных я перезаписал их в массиве, связанном с источником данных, вместо того, чтобы делать это непосредственно с источником данных. Строки теперь остаются открытыми даже при обновлении, и вы можете открыть несколько строк одновременно. :)