时间戳

首页 > 解决方案 > 对象作为事件的参数是什么意思

angular - 对象作为事件的参数是什么意思

问题描述

我试图理解一段代码，但无法理解。以下代码片段的含义或意义是什么'onSelect({ selected })'

<ngx-datatable
          [rows]="rows"
          [selected]="selected"
          [selectionType]="SelectionType.single"
          (select)="onSelect($event)">
        </ngx-datatable>

export class SingleSelectionComponent {
  rows = [];
  selected = [];
  columns: any[] = [{ prop: 'name' }, { name: 'Company' }, { name: 'Gender' }];

  constructor() {
    this.fetch(data => {
      this.selected = [data[2]];
      this.rows = data;
    });
  }

  onSelect({ selected }) {
    console.log('Select Event', selected, this.selected);
  }

}

谁能告诉我这是什么意思onSelect({ selected })？

标签： angular

解决方案

它被称为解构赋值。参考：https ://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment 。

它可以帮助您仅选择所需的属性而不是整个对象，在您的情况下，所需的属性只是 MouseEvent 对象中的“选定”属性。

推荐阅读