角材料表動態行

Question

我正在使用角度和材料創建一個項目。 在我的項目中，我想在單擊按鈕時在材料表中添加自定義頁腳行，並在單擊刪除按鈕時刪除該行。

這是我的代碼：

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

Answer 1

您需要在數據源中推送數據

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

有stackblitz 的例子

Answer 2

您需要像Armen 提到的那樣推送數據。 您還需要根據建議調用表格的 renderRows() 方法https://material.angular.io/components/table/overview#1-write-your-mat-table-and-provide-data

請檢查您更新的stackblitz 示例

可以實現相同的方法來刪除行。 只要確保每次表更新時都會調用 renderRows 方法。