使用角度材料

时间:2018-04-02 10:14:48

标签: angular typescript angular-material

我使用角度材料在角度2中实现了简单的表格...我已经采用了两个mat-table,其中第一个表格中的选定行在单击Move To Table 2时转移到第二个表格,反之亦然1

但是当我选择并单击Move To Table 2时,我的第一个表中的行被拼接并转移,但第二行的行也是如此,我在第二个表中再次获得了先前传输的行。 / p>

Sample Example

下面显示的是我的输出。

最初当我转移第一行时,它会被拼接并移动到第二个表。 enter image description here

但是当我转移第二行时,先前移动的行再次添加到第二个表中。 enter image description here

2 个答案:

答案 0 :(得分:3)

那是因为你没有清除选择,

您需要做的就是在从一张桌子到另一张桌子的转移完成后清除选择

this.selection.clear();的末尾添加moveToTableTwo(),例如:

moveToTableTwo(){
   ...
   this.selection.clear();
}

答案 1 :(得分:0)

清除选择后,我无法将选中的项目移回表1。这对我有用:

moveToTableTwo(){
   ...
   this.selection.deselect;
}