Javascript 带有额外参数的angular2数据表传递事件

Javascript 带有额外参数的angular2数据表传递事件,javascript,angular,typescript,angular-datatables,Javascript,Angular,Typescript,Angular Datatables,在angular2 datatable中,当单击表头上的项目时,有一个排序实现。为此,我们必须将DefaultSorter用作: <mfDefaultSorter [by]="sortByItem">{{ head }}</mfDefaultSorter> 我想传递带有确切事件的附加参数。我尝试过使用ref变量,但这不起作用,或者你可以说它没有实现我想要实现的目标 为了亲自看看,我创建了以下stackblitz: 在上述示例中,您可以检查sortBy

在angular2 datatable中,当单击表头上的项目时,有一个排序实现。为此,我们必须将DefaultSorter用作:

<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;
  }