如何使用多个参数调用Angular 2管道? [英] How do I call an Angular 2 pipe with multiple arguments?
问题描述
我知道我可以这样管道:
I know I can call a pipe like this:
{{ myData | date:'fullDate' }}
此处日期管道只接受一个参数。
从组件的模板HTML和代码直接调用具有更多参数的管道的语法是什么?
Here the date pipe takes only one argument. What is the syntax to call a pipe with more parameters, from component's template HTML and directly in code?
推荐答案
在组件的模板中,您可以使用冒号分隔多个参数:
In your component's template you can use multiple arguments by separating them with colons:
{{ myData | myPipe: 'arg1':'arg2':'arg3'... }}
从你的代码它将如下所示:
From your code it will look like this:
new MyPipe().transform(myData, arg1, arg2, arg3)
在管道内的转换函数中,您可以使用如下参数:
And in your transform function inside your pipe you can use the arguments like this:
export class MyPipe implements PipeTransform {
transform(value:any, arg1:any, arg2:any, arg3:any):any {
}
Beta 16及之前(2016-04-26)
管道采用包含所有参数的数组,因此您需要像这样调用它们:
Pipes take an array that contains all arguments, so you need to call them like this:
new MyPipe().transform(myData, [arg1, arg2, arg3...])
你的转换函数将如下所示:
And your transform function will look like this:
export class MyPipe implements PipeTransform {
transform(value:any, args:any[]):any {
var arg1 = args[0];
var arg2 = args[1];
...
}
这篇关于如何使用多个参数调用Angular 2管道?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!