Diferencias

Muestra las diferencias entre dos versiones de la página.

--- clase:daw:diw:1eval:tema03 [2025/11/05 16:41] – Lorenzo
+++ clase:daw:diw:1eval:tema03 [2025/11/05 16:48] (actual) – [Filtros] Lorenzo
@@ Línea 1: / Línea 1: @@
-====== Filtros ======
 ====== 3. Creación de componentes ======
 En este tema vamos a crear nuevo componentes de Angular
@@ Línea 476: / Línea 473: @@
+===== Filtros =====
+Angular permite modificar los datos cuando se interpolan en el html.
+  * [[https://angular.dev/api/common/CurrencyPipe|currency]] : Permite mostrar un número como una moneda. En nuestro caso mostrará el símbolo del "€"
+<sxh html>
+<p>{{precio | currency}}</p>
+</sxh>
+  * [[https://angular.dev/api/common/DatePipe|date]] : Permite formatear una fecha
+<sxh html>
+<p>{{fechaCompra | date:'shortDate'}}</p>
+</sxh>
+Los formatos predefinidos de fecha se pueden ver en [[https://angular.dev/api/common/DatePipe#pre-defined-format-options|Pre-defined format options]]
 ===== Ejercicios =====