我知道我可以这样称呼管道:
{{ myData | date:'fullDate' }}
在这里,日期管道只有一个参数. 从组件的模板HTML直接在代码中调用带有更多参数的管道的语法是什么?
我知道我可以这样称呼管道:
{{ myData | date:'fullDate' }}
在这里,日期管道只有一个参数. 从组件的模板HTML直接在代码中调用带有更多参数的管道的语法是什么?
在组件的模板中,可以使用多个参数,方法是用冒号分隔:
{{ myData | myPipe: 'arg1':'arg2':'arg3'... }}
从您的代码来看,它将如下所示:
new MyPipe().transform(myData, arg1, arg2, arg3)
在管道内的Transform函数中,您可以使用如下参数:
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 { }
}
Beta 16 and before (2016-04-26)个
管道采用一个包含所有参数的数组,因此需要像这样调用它们:
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];
...
}
}