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

【问题标题】：angular2-datatable Pass event with extra parameter带有额外参数的 angular2-datatable 传递事件
【发布时间】：2020-08-10 20:45:23
【问题描述】：

在 angular2-datatable 中，当单击表头上的项目时，有一个排序实现。为此，我们必须将 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

【问题讨论】：

标签： javascript angular typescript angular-datatables

【解决方案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

【讨论】：