Angular Interview Practice

What is the correct syntax for chaining multiple pipes in Angular?

1. Using commas to separate pipes

2. Using a forward slash to separate pipes

3. Using the pipe character | to separate pipes

4. Using semicolons to separate pipes

The correct answer is: Using the pipe character | to separate pipes

In Angular, the correct syntax for chaining multiple pipes involves using the pipe character (`|`) to separate each pipe in the expression. When you want to transform data through multiple pipes, you list them in the order you want them applied, with each pipe clearly delineated by the `|`. For example, if you have a data value that you want to format and then filter, the correct syntax would look something like this: ```html {{ someValue | firstPipe | secondPipe }} ``` Here, `someValue` is first transformed by `firstPipe` and then the result is passed to `secondPipe`. This chaining allows for a clear and expressive way of processing and formatting data that aligns with Angular's reactive programming style and template syntax. The other options suggest different characters or methods, none of which are valid in Angular's template syntax for pipes. Commas, forward slashes, and semicolons do not serve the purpose of connecting pipes in a chain; they are not recognized in this context and would lead to syntax errors.