angular2-datatable 传递带有额外参数的事件

Question

在 angular2-datatable 中有一个在点击 table 头部的项目时进行排序的实现。为此，我们必须使用 DefaultSorter 作为：

<mfDefaultSorter [by]="sortByItem">{{ head }}</mfDefaultSorter>

by 属性调用 sortByItem 方法，您可以在其中捕获事件。

sortByItem(event) {
  return event._id;
}

我想通过确切的事件传递附加参数。我试过使用 ref 变量，但它不起作用，或者你可以说它没有实现我想要实现的目标。

为了亲眼看看，我创建了这个 stackblitz：https://stackblitz.com/edit/angular2-datatable

在上面提到的例子中你可以检查sortByWordLength方法。我想传递带有附加参数的确切事件。

附加信息：

npm: https://www.npmjs.com/package/angular2-datatable

github: https://github.com/mariuszfoltak/angular2-datatable

Answer 1

您可以使用 curried function 传递额外的参数，如下所示。

  <mfDefaultSorter [by]="sortByWordLength('abc')">City</mfDefaultSorter>
  ...
  public sortByWordLength = (b:string) => (a: any) => {
     console.log(a);
     console.log(b);
     return a.city.length;
  }

https://stackblitz.com/edit/angular2-datatable-ldp4fg

angular2-datatable 传递带有额外参数的事件

angular2-datatable Pass event with extra parameter

javascript

typescript

angular-datatables

angular