Pipes
In business applications, we often need to have different visual representations of the same piece of data. For example, if we have the number 100,000 and we want to format it as currency, most likely we won't want to display it as plain data; more likely, we'll want something like $100,000.
The responsibility for formatting data in AngularJS was assigned to filters. Another example for a data formatting requirement is when we use collections of items. For instance, if we have a list of items, we may want to filter it based on a predicate (a boolean function); in a list of numbers, we may want to display only the prime numbers. AngularJS has a filter called filter
, which allows us to do this. However, the duplication of the names often leads to confusion. That's another reason the core team renamed the filter component to a pipe.
The motivation behind the new name is the syntax used for pipes and filters:
{{expression | decimal | currency}}
In the preceding example, we apply the...