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

前端之家收集整理的这篇文章主要介绍了使用角度材料从mat-list中删除不在角度2中工作的所选项目前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用角度材料在角度2中实现了一个简单的表.实现了两个方法,首先是transferSelectedRows,它在从表中选择行时将行数据推送到Selected Rows部分.

第二种方法是removeSelectedRows,其中选择行并单击Remove Selected Rows按钮应删除相应的列表项.但是我无法从mat-selection-list删除项目…

任何人都可以帮帮我……!

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

下面显示的是我的示例angular 2 app的输出.

您可以修改removeSelectedRows()以过滤表中的选定项:
removeSelectedRows() {
    this.selection.selected.forEach(item => {
      this.selectedRows = this.selectedRows.filter(element => element !== item);
    });
  }

猜你在找的Angularjs相关文章