Angular 6 - Material Table - Get selected row values

Question

Am trying to pass selected row value from one component to another on the button click. but in this, example, from where can get selected row values and pass the selected value on button click? followed by that routing will happen

this.selection.selected returns the same object multiple time. how to stop that. i want to pass the value like

    <button (click)='onSelect(row)'>select row </button>

    onSelect(id){
    this.selectedRowValue = id
        //some logics
    }

could someone tell me how to pass the selected row value from one component to another?

yusufcmrt · Accepted Answer · 2019-04-16 12:12:42Z

2

If you add this code in your component, selectedElements object changes with every selection change event

  selectedElements: PeriodicElement[] = [];

  constructor(){
    this.selection.changed.asObservable().subscribe(a => this.selectedElements = [...this.selection.selected]);
  }

answered Apr 16, 2019 at 12:12

yusufcmrt

1667 bronze badges

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

3 Comments

Mr. Learner Over a year ago

Thanks for the quick response. but how the selected value? console.log(this.selection.selected) not returning selected row value properly

yusufcmrt Over a year ago

Forked your example and this.selection.selected returns all selected items

Mr. Learner Over a year ago

sorry again. actually, am looking for to send the selected value to button click event so that i can do page routing. how to pass the selected to button click. that' s what my issue

Collectives™ on Stack Overflow

Angular 6 - Material Table - Get selected row values

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related