Muestra las diferencias entre dos versiones de la página.
unidades:09_directivas:02_scope [2014/08/29 16:44] admin [Distintos nombre] |
unidades:09_directivas:02_scope [2015/02/15 09:47] (actual) admin [Enlace unidireccional vs bidireccional] |
||
---|---|---|---|
Línea 262: | Línea 262: | ||
| Expresión para enlazar a propiedades del ''$scope'' del controlador | ''%%{{nombrePropiedad%%}}'' | ''nombrePropiedad'' | | | Expresión para enlazar a propiedades del ''$scope'' del controlador | ''%%{{nombrePropiedad%%}}'' | ''nombrePropiedad'' | | ||
| Si se modifica la propiedad del ''$scope'' del controlador | Si se modifica la propiedad del ''scope'' de la directiva ((Solo se aplica si hemos puesto el nombre de una propiedad del ''$scope'' entre llaves )) ((No se cambiaría si desde la directiva se cambia el valor de la propiedad)) | Si se modifica la propiedad del ''scope'' de la directiva | | | Si se modifica la propiedad del ''$scope'' del controlador | Si se modifica la propiedad del ''scope'' de la directiva ((Solo se aplica si hemos puesto el nombre de una propiedad del ''$scope'' entre llaves )) ((No se cambiaría si desde la directiva se cambia el valor de la propiedad)) | Si se modifica la propiedad del ''scope'' de la directiva | | ||
- | | Si se modifica la propiedad del ''scope'' de la propiedad | **NO** se modifica la propiedad del ''$scope'' del controlador | **Si** se modifica la propiedad del ''$scope'' del controlador | | + | | Si se modifica la propiedad del ''scope'' de la directiva | **NO** se modifica la propiedad del ''$scope'' del controlador | **Si** se modifica la propiedad del ''$scope'' del controlador | |
Ahora la pregunta que nos queda es: ¿cuando usar uno u otro? | Ahora la pregunta que nos queda es: ¿cuando usar uno u otro? | ||
Línea 303: | Línea 303: | ||
}]); | }]); | ||
</sxh> | </sxh> | ||
- | Línea 8: Al ser distinto el nombre del atributo y el nombre de la propiedad del ''scope'' , le ponemos junto a la "@" el nombre del atributo de la directiva. | + | * Línea 8: Al ser distinto el nombre del atributo y el nombre de la propiedad del ''scope'' , le ponemos junto a la "@" el nombre del atributo de la directiva. |
+ | Y ahora ya podemos usar la directiva con el atributo "txt" en vez de "texto". | ||
===== Ejemplo ===== | ===== Ejemplo ===== | ||
El ejemplo consiste en hacer 2 directivas como la última que hemos usado , la del botón, pero que una de ellas tanga enlace unidireccional y la otra enlace bidireccional. | El ejemplo consiste en hacer 2 directivas como la última que hemos usado , la del botón, pero que una de ellas tanga enlace unidireccional y la otra enlace bidireccional. | ||
Línea 324: | Línea 325: | ||
* [[https://docs.angularjs.org/guide/directive|/ Developer Guide / Directives]] | * [[https://docs.angularjs.org/guide/directive|/ Developer Guide / Directives]] | ||
* [[https://docs.angularjs.org/api/ng/type/angular.Module|/ API Reference / ng / type / angular.Module]] | * [[https://docs.angularjs.org/api/ng/type/angular.Module|/ API Reference / ng / type / angular.Module]] | ||
+ | * [[https://github.com/angular/angular.js/wiki/Understanding-Scopes|Understanding Scopes]] |