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?

Answer 1

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]);
  }