複数の引数を持つ Angular 2 パイプを呼び出すにはどうすればいいですか? 質問する

コンポーネントのテンプレートでは、コロンで区切って複数の引数を使用できます。

{{ myData | myPipe: 'arg1':'arg2':'arg3'... }}

コードは次のようになります。

new MyPipe().transform(myData, arg1, arg2, arg3)

パイプ内の変換関数では、次のような引数を使用できます。

export class MyPipe implements PipeTransform { 
    // specify every argument individually   
    transform(value: any, arg1: any, arg2: any, arg3: any): any { }
    // or use a rest parameter
    transform(value: any, ...args: any[]): any { }
}

new MyPipe().transform(myData, [arg1, arg2, arg3...])

export class MyPipe implements PipeTransform {    
    transform(value:any, args:any[]):any {
        var arg1 = args[0];
        var arg2 = args[1];
        ...
    }
}