angular: pipes [miguel angel torres egea]

Aquesta pàgina és només de lectura. Podeu veure'n el codi font, però no podeu canviar-la. Consulteu el vostre administrador si penseu que això és degut a algun error.

= 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:<sxh html><p>{{ now | date:'fullDate' | uppercase }}</p></sxh>

== uppercase, lowercase
== slice (5.2)
== decimal (5.3)
== percent
== currency
=== cambiar fecha (locale) a castellana
Configuración necesaria en el fichero app.module.ts 

<sxh typescript;title: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 { }
</sxh>

== json (5.4)
== async
  * observables, promesas -> mejora de las callbacks

== creando nuestro pipe
<code bash>ng g[enerate] pipe <DIRECTORIO>/<NOMBRE></code>