angular: pipes

• transformación al vuelo de los datos para su representación en la página
• también para superar restricciones del tipo CSS¹⁾, como un vídeo de YouTube
• de serie:
  • mayúsculas/minúsuclas
  • monedas, números
  • JSON
  • información asíncrona
  • recorte de textos (SlicePipe)
• los pipes, como sus homólogos linux, pueden concatenarse:

  <p>{{ now | date:'fullDate' | uppercase }}</p>

Configuración necesaria en el fichero app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { LOCALE_ID, NgModule } from '@angular/core';
 
import { AppComponent } from '../src/app/app.component';
 
import localeEs from '@angular/common/locales/es';
import { registerLocaleData } from '@angular/common';
registerLocaleData(localeEs);
 
@NgModule({
 imports: [ BrowserModule ],
 declarations: [ AppComponent ],
 providers: [ { provide: LOCALE_ID, useValue: 'es' } ],
 bootstrap: [ AppComponent ]
})
export class AppModule { }

• observables, promesas → mejora de las callbacks

ng g[enerate] pipe <DIRECTORIO>/<NOMBRE>