Pipes por defecto en Angular 2

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 😉

Víctor Robles WEB

Autor: Victor

Desarrollador web - Formador online - Blogger

Compartir este post

1 Comentario

  1. Hola Victor, una pregunta, como creo un filtro para que me pase a mayúscula la primera letras de un string en Angular 2 ?

    Responder

Poner un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *