javascript - Angular 6 - Material 表 - 获取选定的行值

Question

我试图在单击按钮时将选定的行值从一个组件传递到另一个组件。但在此，example ，从哪里可以获取选定的行值并在单击按钮时传递选定的值？接下来将会发生路由

this.selection.selected 多次返回同一个对象。如何阻止这种情况。 我想传递这样的值

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

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

有人可以告诉我如何将选定的行值从一个组件传递到另一个组件吗？

Answer 1

如果您在组件中添加此代码，selectedElements 对象会随着每个选择更改事件而更改

  selectedElements: PeriodicElement[] = [];

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