What are Pipes in Angular?

Pipes are simple functions that accept an input value and transform it based on the developer's needs. There are predefined and user-defined pipes, they can be accessed using the pipe symbol "|", and they can be chained together.

Custom pipes can be defined using the PipeTransform interface.

1import { Pipe, PipeTransform } from '@angular/core';
2
3@Pipe({
4
5name: 'demopipe'
6
7})
8
9export class DemopipePipe implements PipeTransform {
10
11transform(value: unknown, ...args: unknown[]): unknown {
12
13return null;
14
15}
16}

What is ngModule?

NgModule is a container that reserves a block of code to a specific application domain. @NgModule takes a metadata object that generally describes the way to compile the template of a component and to generate an injector at runtime. In addition, it identifies the module's components, directives, and pipes, making some of them public, through the export property so that external components can use them.

What is string interpolation?

String interpolation is a type of syntax that makes use of template expressions to display component data. These expressions are enclosed with double curly brackets {{}}.

1<h3>Current customer: {{ currentCustomer }}</h3>