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

Question

在 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

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