Diferencias

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

Enlace a la vista de comparación

unidades:04_masdirectivas:10_ngclass [2014/08/01 00:24]
admin [4.10 ng-class]
unidades:04_masdirectivas:10_ngclass [2014/08/30 09:52] (actual)
admin
Línea 31: Línea 31:
 </​sxh>​ </​sxh>​
  
-  * Línea 4: Se declara la propiedad "​clasesCss"​ que contiene 3 propiedades,​ una por cada uno de las 3 clases CSS. Solo están a ''​true''​ las propiedades ''​rojo''​ y ''​subrayado''​ por lo que solo se aplicarán estas 2 clases CSS al elemento.+  * Línea 4: Se declara la propiedad "​clasesCss"​ que contiene 3 propiedades,​ una por cada uno de las 3 clases CSS. Sólo están a ''​true''​ las propiedades ''​rojo''​ y ''​subrayado''​ por lo que sólo se aplicarán estas 2 clases CSS al elemento.
  
 <sxh html> <sxh html>
Línea 39: Línea 39:
 Ahora al aplicar la directiva ''​ng-class''​ al tag ''<​div>''​ se aplicarán las clases CSS "​rojo"​ y "​subrayado"​. Ahora al aplicar la directiva ''​ng-class''​ al tag ''<​div>''​ se aplicarán las clases CSS "​rojo"​ y "​subrayado"​.
  
-Pero ahora todo esto tiene una ventaja. Al ser valores del $scope los podemos modificar desde AngularJS y automáticamente se modificarán las clases CSS.+Pero ahora todo ésto tiene una ventaja. Al ser valores del $scope los podemos modificar desde AngularJS y automáticamente se modificarán las clases CSS.
  
 Ahora podemos añadir los siguientes tags <​input>​ para modificar desde la propia página las clases CSS que se aplican: Ahora podemos añadir los siguientes tags <​input>​ para modificar desde la propia página las clases CSS que se aplican:
Línea 52: Línea 52:
 </​sxh>​ </​sxh>​
  
-Gracias a estos "​checkbox"​ podemos fácilmente modificar ​que estilos se aplican a un tag HTML.+Gracias a estos "​checkbox"​ podemos fácilmente modificar ​qué estilos se aplican a un tag HTML.
  
 <​note>​ <​note>​
 AngularJS soporta también que en vez de ser la propiedad del ''​$scope''​ un objeto con las clases sea también un array con el nombre de las clases CSS o un único String con los nombres de las clases separadas por espacios. AngularJS soporta también que en vez de ser la propiedad del ''​$scope''​ un objeto con las clases sea también un array con el nombre de las clases CSS o un único String con los nombres de las clases separadas por espacios.
  
-Sin embargo estas 2 formas las veo menos útiles que la que he explicado, pero por supuesto pueden ser mas cómodas de usar según la ocasión.+Sin embargoestas 2 formas las veo menos útiles que la que he explicado, pero por supuesto pueden ser mas cómodas de usar según la ocasión.
 </​note>​ </​note>​
  
Línea 98: Línea 98:
 </​sxh>​ </​sxh>​
  
-  * Linea 17: Con la directiva ''​ng-class''​ se indica el nombre de la propiedad que contiene las clases a mostrar+  * Linea 17: Con la directiva ''​ng-class''​ se indica el nombre de la propiedad que contiene las clases a mostrar.
  
 <sxh js;​title:​script.js;​highlight:​ [4,​5,​6,​7,​8]>​ <sxh js;​title:​script.js;​highlight:​ [4,​5,​6,​7,​8]>​
unidades/04_masdirectivas/10_ngclass.txt · Última modificación: 2014/08/30 09:52 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
Esta web utiliza cookies, puedes ver nuestra la política de cookies, aquí Si continuas navegando estás aceptándola
Política de cookies +