Angular динамика таблицы материалов c строк

Question

Я создаю проект, используя angular и материал. В моем проекте я хочу добавить настроенную строку нижнего колонтитула в таблицу материалов по нажатию кнопки и удалить эту строку по нажатию кнопки удаления.

Вот мой код:

https://stackblitz.com/edit/angular-dshjiz-beqnrj?file=src /app/table-basic-example.html

Answer 1

Вам необходимо указать sh данные, указанные Арменом. Вам также необходимо вызвать метод renderRows () для таблицы согласно предложению https://material.angular.io/components/table/overview#1 -write-your-mat-table-and-предоставить-data

Пожалуйста, проверьте ваш обновленный Пример stackblitz

Тот же метод может быть реализован для удаления строки. Просто убедитесь, что метод renderRows вызывает каждый раз, когда таблица обновляется.

Answer 2

Вам нужно собрать sh данные в источнике данных

this.dataSource.data.push({id: 1, name: 'test'})

Существует пример стекаблиц