menú
buscar
Diferencias
Muestra las diferencias entre dos versiones de la página.
|
unidades:05_filtros:05_javascript [2014/08/08 19:11] admin [Ejemplo] |
unidades:05_filtros:05_javascript [2014/08/30 10:39] (actual) admin |
||
|---|---|---|---|
| Línea 1: | Línea 1: | ||
| ====== 5.5 Filtros desde JavaScript ====== | ====== 5.5 Filtros desde JavaScript ====== | ||
| - | Hemos visto hasta ahora como usar los filtros desde la página HTML pero también se puede usar un filtro directamente desde JavaScript y de esa forma obtener el valor formateado en una variable de JavaScript. | + | Hemos visto hasta ahora cómo usar los filtros desde la página HTML pero también se puede usar un filtro directamente desde JavaScript y de esa forma obtener el valor formateado en una variable de JavaScript. |
| - | Su uso es muy sencillo ya que es realmente un servicio de AngularJS llamado ''$filter''. Este servicio es una función a la que le pasamos el nombre del filtro y nos retorna la función real de nuestro filtro. Aunque parece un poco trabalenguas ahora con un ejemplo se entenderá perfectamente. | + | Su uso es muy sencillo ya que realmente es un servicio de AngularJS llamado ''$filter''. Este servicio es una función a la que le pasamos el nombre del filtro y nos retorna la función real de nuestro filtro. Aunque parece un poco trabalenguas ahora con un ejemplo se entenderá perfectamente. |
| Veamos un ejemplo del filtro ''currency ''. | Veamos un ejemplo del filtro ''currency ''. | ||
| Línea 43: | Línea 43: | ||
| <note tip> | <note tip> | ||
| - | Normalmente en los ejemplo que se suele ver de AngularJS se hace todo en una única línea ya que queda mas compacto. | + | Normalmente en los ejemplo que se suele ver de AngularJS se hace todo en una única línea ya que queda más compacto. |
| <sxh js> | <sxh js> | ||
| Línea 50: | Línea 50: | ||
| </sxh> | </sxh> | ||
| - | Pero por motivos pedagógicos lo que explicado en los 2 pasos. | + | Pero por motivos pedagógicos lo he explicado en los 2 pasos. |
| </note> | </note> | ||
| ===== Ejemplo ===== | ===== Ejemplo ===== | ||
| - | En ese ejemplo mostramos en pantalla los datos que hemos formateados. Entonces, ¿cual ha sido la ventaja de haber usado el servicio ''$filter''. Que podríamos haber mostrado los datos en un ''alert'' cosa que antes no se podría haber hecho. | + | En este ejemplo mostramos en pantalla los datos que hemos formateado. Entonces, ¿cuál ha sido la ventaja de usar el servicio ''$filter''? Que podríamos haber mostrado los datos en un ''alert'' ,cosa que antes no se podía hacer antes, o como es obvio, usarlo desde JavaScript como queramos. |
| {{url>http://embed.plnkr.co/flzxp0z6jrhLps2uEvm1}} | {{url>http://embed.plnkr.co/flzxp0z6jrhLps2uEvm1}} | ||
