Pipes modify binding behavior by transforming values while they move from class properties to templates. They are placed after the binding expression, preceded by the | character. Several pipes may be stacked one after the other in the same binding, each separated from the others by a | symbol:

'<binding expression>|pipe1|pipe2...'

Pipes may have arguments that are placed after the pipe name and separated by colons:

'<binding expression>|pipe1:arg1:arg2|pipe2...'

Since arguments are identified by their positions, when an argument that is specified is preceded by other absent arguments, : separators must be added as placeholders for the missing arguments:

'<binding expression>|pipe1::arg2|pipe2...'

In the Modules, components and data ...

Get Hands-On TypeScript for C# and .NET Core Developers now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.