Angular Interview Practice

How do you use a pipe in Angular templates?

1. By defining a pipe as a component.

2. By using a pipe symbol | in a template expression.

3. By importing the pipe module in Angular.

4. By assigning pipes to variables in the component.

The correct answer is: By using a pipe symbol | in a template expression.

Using a pipe in Angular templates involves employing the pipe symbol (|) within a template expression to transform data before it is displayed on the view. This mechanism allows developers to format, filter, or manipulate the data presented to users seamlessly. For instance, if you have a date string and you'd like to display it in a more human-readable format, you would use Angular's built-in DatePipe as follows: ```html <p>Formatted Date: {{ currentDate | date:'fullDate' }}</p> ``` In this expression, `currentDate` is the data being processed, and the `date:'fullDate'` pipe modifies the way that data is presented. This syntactical feature makes it straightforward to enhance the user interface by applying various transformations to the data where necessary without altering the original data structure. The other options suggest alternatives that do not accurately represent how pipes function within Angular. Defining a pipe as a component confuses the roles of components and pipes; importing a pipe module is necessary for making pipes available but does not directly indicate usage in a template; assigning pipes to variables in the component does not relate to how to utilize pipes in the view layer. The correct approach highlights the utilization of the pipe symbol within template expressions as the