Chaining pipes is Angular
nothing but arranging more than one pipe in sequence so that the input value
gets transformed in stages through the various pipes chained together. The successive pipes in the chain should be
separated by a pipe symbol.
{{<input value> | <pipe 1> | <pipe 2> | . . . | <pipe n>}}
While chaining pipes we can also specify parameters for any of the pipes in the chain, in which case the pipe and its parameter are separated by a colon (:) symbol. Parameters are optional, also we can selectively specify parameters for certain pipes in the chain and ignore for other pipes.
{{<input value> | <pipe 1> : <parameter> | <pipe 2> | . . . | <pipe n> <parameter>}}
In the following example we will use a date pipe, followed by an uppercase pipe. The input value will be a date object which holds the current date.
{{<input value> | <pipe 1> | <pipe 2> | . . . | <pipe n>}}
While chaining pipes we can also specify parameters for any of the pipes in the chain, in which case the pipe and its parameter are separated by a colon (:) symbol. Parameters are optional, also we can selectively specify parameters for certain pipes in the chain and ignore for other pipes.
{{<input value> | <pipe 1> : <parameter> | <pipe 2> | . . . | <pipe n> <parameter>}}
In the following example we will use a date pipe, followed by an uppercase pipe. The input value will be a date object which holds the current date.
