Deleting selected items from mat-list not working in angular 2 using angular material

Question

I have implemented a simple table in angular 2 using angular material ..Implemented two methods , first is transferSelectedRows which on selecting rows from table pushes the row data to Selected Rows section.

Second method is removeSelectedRows where on selecting the rows and clicking Remove Selected Rows button should delete the corresponding list items.But I am unable to delete the items from the mat-selection-list...

Can anybody please help me out ...!

please access my sample example here ..https://stackblitz.com/edit/angular-nwjqsj-au6ho8?file=index.html

Below shown is the output of my sample angular 2 app.

@Safiyya... can you please check this out .....stackblitz.com/edit/… — Heena
– Heena, Commented Mar 28, 2018 at 13:20
stackblitz.com/edit/angular-nwjqsj-au6ho8?file=index.html... please check this — Heena
– Heena, Commented Mar 28, 2018 at 13:25
stackblitz.com/edit/angular-nwjqsj-au6ho8?file=main.ts... i modified — Heena
– Heena, Commented Mar 28, 2018 at 13:29
From what I can see, when you select items from the right column to delete them, your this.selection.selected is empty. That might be a good start for debugging your app. — filipbarak
– filipbarak, Commented Mar 28, 2018 at 13:54

bugs · Accepted Answer · 2018-03-28 17:52:07Z

0

You can modify your removeSelectedRows() to filter the selected items in the table:

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

answered Mar 28, 2018 at 17:52

bugs

15.4k6 gold badges53 silver badges55 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Heena Over a year ago

I am getting the following error in my terminal.Type 'any[ ]' is not assignable to type 'SelectionModel<Element>'

bugs Over a year ago

I'm on the phone right now so it's tricky to see it, but modifying how you declare selectedRows to selectedRows: Element[] = [] (line 21) should fix the issue.

bugs Over a year ago

Sorry I misinterpreted your question, I had missed the checkboxes on the right. Let me re-elaborate my answer

Ramesh Rajendran Over a year ago

@Heena Have yo got solution?

Heena Over a year ago

@RameshRajendran ... Hello Sir ,,,, Check this please ...stackoverflow.com/questions/49609355/…

Collectives™ on Stack Overflow

Deleting selected items from mat-list not working in angular 2 using angular material

Below shown is the output of my sample angular 2 app.

1 Answer 1

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

Below shown is the output of my sample angular 2 app.

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related