Javascript 带有额外参数的angular2数据表传递事件
在angular2 datatable中,当单击表头上的项目时,有一个排序实现。为此,我们必须将DefaultSorter用作:Javascript 带有额外参数的angular2数据表传递事件,javascript,angular,typescript,angular-datatables,Javascript,Angular,Typescript,Angular Datatables,在angular2 datatable中,当单击表头上的项目时,有一个排序实现。为此,我们必须将DefaultSorter用作: <mfDefaultSorter [by]="sortByItem">{{ head }}</mfDefaultSorter> 我想传递带有确切事件的附加参数。我尝试过使用ref变量,但这不起作用,或者你可以说它没有实现我想要实现的目标 为了亲自看看,我创建了以下stackblitz: 在上述示例中,您可以检查sortBy
<mfDefaultSorter [by]="sortByItem">{{ head }}</mfDefaultSorter>
我想传递带有确切事件的附加参数。我尝试过使用ref变量,但这不起作用,或者你可以说它没有实现我想要实现的目标
为了亲自看看,我创建了以下stackblitz:
在上述示例中,您可以检查sortByWordLength
方法。我想传递带有附加参数的确切事件
其他信息:
npm:
github:您可以使用下面的方法传递附加参数
<mfDefaultSorter [by]="sortByWordLength('abc')">City</mfDefaultSorter>
...
public sortByWordLength = (b:string) => (a: any) => {
console.log(a);
console.log(b);
return a.city.length;
}
城市
...
public-sortByWordLength=(b:string)=>(a:any)=>{
控制台日志(a);
控制台日志(b);
返回a.city.length;
}
<mfDefaultSorter [by]="sortByWordLength('abc')">City</mfDefaultSorter>
...
public sortByWordLength = (b:string) => (a: any) => {
console.log(a);
console.log(b);
return a.city.length;
}