Diferencias

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

Enlace a la vista de comparación

unidades:05_filtros:02_escalares [2014/08/07 11:27]
admin [currency]
unidades:05_filtros:02_escalares [2014/08/30 10:15] (actual)
admin
Línea 23: Línea 23:
 </​sxh>​ </​sxh>​
  
-La variable ''​importe'' ​solo se mostrará con 2 decimales.+La variable ''​importe'' ​sólo se mostrará con 2 decimales.
  
 <note tip> <note tip>
-Si no se indica el número de decimales por defecto se muestran 3 decimales.+Si no se indica el número de decimalespor defecto se muestran 3 decimales.
 </​note>​ </​note>​
 ===== date ===== ===== date =====
Línea 52: Línea 52:
 Al mostrar la variable ''​fecha''​ se verá primero el año, luego los meses y finalmente los días. Al mostrar la variable ''​fecha''​ se verá primero el año, luego los meses y finalmente los días.
  
-AngularJS soporta que en vez de especificar directamente el formato de la fecha usar los siguientes formatos predefinidos :+AngularJS soporta que en vez de especificar directamente el formato de la fecha se usen los siguientes formatos predefinidos :
   * ''​medium''​   * ''​medium''​
   * ''​short''​   * ''​short''​
Línea 62: Línea 62:
   * ''​shortTime''​   * ''​shortTime''​
  
-El significado exacto de estos formatos depende del idioma que se haya elegido, aunque se pueden intuir por el nombre que tienen. Así que en la mayoría de las ocasiones se deberían ​de usar estos formatos predefinidos.+El significado exacto de estos formatos depende del idioma que se haya elegido, aunque se pueden intuir por el nombre que tienen. Así que en la mayoría de las ocasiones se deberían usar estos formatos predefinidos.
  
 <sxh html> <sxh html>
Línea 69: Línea 69:
  
 <note tip> <note tip>
-Fijaté ​en que al poner opciones del filtro que sean un String hay que ponerlo entre comillas.+Fíjate ​en que al poner opciones del filtro que sean un String hay que ponerlo entre comillas.
 </​note>​ </​note>​
 ===== currency ===== ===== currency =====
Línea 83: Línea 83:
 </​sxh>​ </​sxh>​
  
-La variable ''​importe'' ​por defecto ​se mostrará con el símbolo del $ y con 2 decimales pero si estamos en el idioma de "​es-es"​ se mostraría ​con el símbolo del "​€"​ y también 2 decimales.+La variable ''​importe''​ se mostrará ​por defecto ​con el símbolo del $ y con 2 decimales pero si estamos en el idioma de "​es-es"​ se mostrará ​con el símbolo del "​€"​ y también 2 decimales.
  
 <note tip> <note tip>
-Este filtro también soporta pasarle directamente el símbolo de la moneda.Aunque el nº de decimales, separador, etc. seguiran ​siendo el del idioma definido.+Este filtro también soporta pasarle directamente el símbolo de la moneda.Aunque el nº de decimales, separador, etc. seguirán ​siendo el del idioma definido.
  
 <sxh html> <sxh html>
Línea 106: Línea 106:
 </​sxh>​ </​sxh>​
  
-La variable ''​nombre''​ se mostrará en minúsculas+La variable ''​nombre''​ se mostrará en minúsculas.
  
 ===== uppercase ===== ===== uppercase =====
Línea 120: Línea 120:
 </​sxh>​ </​sxh>​
  
-La variable ''​nombre''​ se mostrará en mayúsculas+La variable ''​nombre''​ se mostrará en mayúsculas.
  
  
 ===== Internacionalización ===== ===== Internacionalización =====
-Como hemos visto los filtros ''​number''​ , ''​date''​ y ''​currency''​ varían su formato en función del idioma y país. ​¿como ​podemos indicar al AngularJS el idioma y el país que queremos usar? Simplemente debemos cargar el fichero JavaScript con el idioma y pais correspondiente.+Como hemos vistolos filtros ''​number''​ , ''​date''​ y ''​currency''​ varían su formato en función del idioma y país. ​¿Cómo ​podemos indicar al AngularJS el idioma y el país que queremos usar? Simplemente debemos cargar el fichero JavaScript con el idioma y pais correspondiente.
  
-Cuando nos descargamos AngularJS, ​ en la carpeta ''​i18n''​ tenemos todos los ficheros para cada idioma/​pais. Así si por ejemplo queremos usar el idioma español en España ​solo hay que cargar el fichero:+Cuando nos descargamos AngularJS, ​ en la carpeta ''​i18n''​ tenemos todos los ficheros para cada idioma/​pais. Así si por ejemplo queremos usar el idioma español en España ​sólo hay que cargar el fichero:
  
 i18n/​angular-locale_es-es.js i18n/​angular-locale_es-es.js
  
-Por lo tanto en una aplicación en España con el idioma español ​solo hay que incluir la siguiente línea después de cargar AngularJS:+Por lo tanto en una aplicación en España con el idioma español ​sólo hay que incluir la siguiente línea después de cargar AngularJS:
  
 <sxh html> <sxh html>
Línea 136: Línea 136:
 </​sxh>​ </​sxh>​
  
-Lo que no soporta (por ahora) AngularJS es mas tipos de internacionalización como puedan ser los mensajes, sin embargo hay varios proyectos en github con filtros dedicados a ello.+Lo que no soporta (por ahora) AngularJS es más tipos de internacionalización como puedan ser los mensajes, sin embargo hay varios proyectos en github con filtros dedicados a ello.
  
 <note tip> <note tip>
Línea 148: Línea 148:
  
 <​note>​ <​note>​
-No he visto como cargar los ficheros de internacionalización de AngularJS desde el CDN de Google , es decir desde ''​ajax.googleapis.com/​ajax/​libs/​angularjs'',​ así que los estoy cargando desde la página de descarga, es decir desde ''​code.angularjs.org''​.+No he visto cómo se puede cargar los ficheros de internacionalización de AngularJS desde el CDN de Google , es decir desde ''​ajax.googleapis.com/​ajax/​libs/​angularjs'',​ así que los estoy cargando desde la página de descarga, es decir desde ''​code.angularjs.org''​.
 </​note>​ </​note>​
 ===== Ejemplo ===== ===== Ejemplo =====
Línea 212: Línea 212:
   $scope.numeroDecimal=321.98324;​   $scope.numeroDecimal=321.98324;​
   $scope.texto="​Hola Mundo";​   $scope.texto="​Hola Mundo";​
-  $scope.objeto='​{nombre:"​Juan",​apellido:"​Perez",​direccion:​ {calle:"​Avenidad ​Blasco Ibañez",​numero:​34}}';​+  $scope.objeto='​{nombre:"​Juan",​apellido:"​Perez",​direccion:​ {calle:"​Avenida ​Blasco Ibañez",​numero:​34}}';​
  
 }]); }]);
unidades/05_filtros/02_escalares.1407403648.txt.gz · Última modificación: 2014/08/07 11:27 por admin
Ir hasta arriba
CC Attribution-Share Alike 3.0 Unported
chimeric.de = chi`s home Valid CSS Driven by DokuWiki do yourself a favour and use a real browser - get firefox!! Recent changes RSS feed Valid XHTML 1.0