使用角度材料从 mat-list 中删除所选项目在角度 2 中不起作用

Question

我已经使用角度材料在角度 2 中实现了一个简单的表。实现了两种方法，首先是 transferSelectedRows，它在从表中选择行时将行数据推送到 Selected Rows 部分。

第二种方法是 removeSelectedRows 选择行并单击 Remove Selected Rows 按钮应删除相应的列表项。但我无法从 ma​​t-selection-list...

谁能帮帮我...！

请在此处访问我的示例示例 ..https://stackblitz.com/edit/angular-nwjqsj-au6ho8?file=index.html

下面显示的是我的示例 angular 2 应用程序的输出。

Answer 1

您可以修改您的removeSelectedRows() 以过滤表格中的选定项目：

removeSelectedRows() {
    this.selection.selected.forEach(item => {
      this.selectedRows = this.selectedRows.filter(element => element !== item);
    });
  }