How do I use pipes in Angular?

How do I use pipes in Angular?

In Angular, pipes are used to transform data for display in templates. You can use built-in pipes like 'date', 'currency', or create custom pipes.

Can you show me an example of a custom pipe?

Sure! Here's a simple custom pipe that transforms text to uppercase:

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({ name: 'uppercase' })
export class UppercasePipe implements PipeTransform {
  transform(value: string): string {
    return value.toUpperCase();
  }
}

How do I register this custom pipe in my module?

You need to declare the pipe in your module's declarations array. For example:

@NgModule({
  declarations: [UppercasePipe],
  imports: [BrowserModule],
  bootstrap: [AppComponent]
})
export class AppModule { }

Can I use multiple pipes in a single template?

Yes, you can chain multiple pipes in a single template. For example:

{{ someText | uppercase | date:'shortDate' }}