angular2数据表通过带有额外参数的事件



在angular2数据表中,当点击表头的项目时,有一个排序实现。为此,我们必须使用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

您可以使用下面的curried函数传递额外的参数。

<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

最新更新