Los pipes, tuberías o filtros son pequeñas funciones que nos sirven para realizar alguna tarea en nuestra vista o plantilla de Angular 2.
Por ejemplo, los pipes por defecto en Angular 2 serian funciones para transformar fechas o convertir caracteres de minúsculas a mayúsculas y viceversa.
Entonces veamos como usar los pipes por defecto en Angular 2.
Vamos a definir una propiedad publica en nuestra clase del componente:
public fecha = new Date(2012, 8, 17);
y en la plantilla de este componente usaremos los filtros de esta forma:
{{ fecha | date:'fullDate' | uppercase}}
Primero tenemos el dato a transformar que en este caso sería la propiedad fecha, después con una tubería usamos el pipe date y le pasamos un parámetro que en este caso sería fullDate y luego encadenamos otra pipe para convertir el texto a mayúsculas.
Esto nos imprimirá lo siguiente: MONDAY, SEPTEMBER 17, 2012
Pues así de fácilmente se utilizan los filtros en Angular 2 😉
