= 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((Cross-Site Scripting)), 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:
{{ now | date:'fullDate' | uppercase }}
== uppercase, lowercase
== slice (5.2)
== decimal (5.3)
== percent
== currency
=== cambiar fecha (locale) a castellana
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 { }
== json (5.4)
== async
* observables, promesas -> mejora de las callbacks
== creando nuestro pipe
ng g[enerate] pipe /