angular中table绑定的值修改后，table不能渲染

记入坑angular之后，遇到的坑之一：

<table mat-table [dataSource]="tableData"></table>

问题：直接给tableData push或者unshift添加值，输出的tableData是多了数据，但是页面不会渲染新添加的数据；
解决方案：先用深拷贝定义个临时变量缓存一下数组，操作临时变量，操作完了再把临时变量的值赋给tableData；
代码如下：

const tmpArr = JSON.parse(JSON.stringify(this.tableData));
tmpArr.unshift({
    parentKey: '',
    parentValues: '',
    parentValuesList: [],
    edit: true
});
this.tableData = tmpArr;