【问题标题】:Angular 6 - Material Table - Get selected row valuesAngular 6 - 材料表 - 获取选定的行值
【发布时间】:2019-04-16 11:55:50
【问题描述】:

我试图在单击按钮时将选定的行值从一个组件传递到另一个组件。但是在example 中,从哪里可以获得选定的行值并在按钮单击时传递选定的值?随后会发生该路由

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

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

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

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

【问题讨论】:

    标签: javascript angular typescript angular-material


    【解决方案1】:

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

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

    【讨论】:

    • 感谢您的快速回复。但是怎么选值呢? console.log(this.selection.selected) 没有正确返回选定的行值
    • Fork 你的 example 和 this.selection.selected 返回所有选定的项目
    • 再次抱歉。实际上,我正在寻找将所选值发送到按钮单击事件,以便我可以进行页面路由。如何将所选内容传递给按钮单击。这就是我的问题
    猜你喜欢
    • 2019-01-03
    • 2019-04-12
    • 1970-01-01
    • 1970-01-01
    • 2022-01-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-05-09
    相关资源
    最近更新 更多