Pipe em Angular

Em Angular, um pipe é uma classe que transforma o valor de entrada em um valor de saída com base em alguma lógica definida pelo programador. Os pipes são usados para formatar dados e apresentá-los de forma mais adequada para o usuário. Alguns exemplos de pipes embutidos no Angular são o date, currency e uppercase.

Para usar um pipe em um módulo Angular, primeiro é preciso definir o pipe em seu próprio arquivo TypeScript. Por exemplo, considere o seguinte pipe simples que converte um valor em graus Celsius para Fahrenheit:

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

    @Pipe({ name: 'celsiusToFahrenheit' })
    export class CelsiusToFahrenheitPipe implements PipeTransform {
        transform(value: number): number {
          return (value * 9 / 5) + 32;
        }
      }

Nesse exemplo, estamos definindo um pipe chamado CelsiusToFahrenheitPipe que converte valores em graus Celsius para Fahrenheit. O pipe é definido com o nome celsiusToFahrenheit e implementa a interface PipeTransform, que exige a implementação do método transform. Esse método recebe o valor de entrada como parâmetro e retorna o valor de saída transformado.

Para usar esse pipe em um módulo Angular, basta importá-lo no arquivo do módulo e declará-lo na seção declarations do módulo. Por exemplo:

    import { NgModule } from '@angular/core';
    import { BrowserModule } from '@angular/platform-browser';
    import { CelsiusToFahrenheitPipe } from './celsius-to-fahrenheit.pipe';

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

Nesse exemplo, estamos definindo um módulo chamado AppModule que declara o pipe CelsiusToFahrenheitPipe. O pipe é importado do arquivo celsius-to-fahrenheit.pipe.ts e adicionado à seção declarations do módulo. O módulo também importa o módulo BrowserModule.