Muestra las diferencias entre dos versiones de la página.
unidades:09_directivas:03_link [2014/08/29 17:22] admin [Ejemplo] |
unidades:09_directivas:03_link [2014/10/28 17:05] (actual) admin |
||
---|---|---|---|
Línea 1: | Línea 1: | ||
====== 9.3 Funcion Link ====== | ====== 9.3 Funcion Link ====== | ||
- | Hasta hora hemos visto como definir una la directiva de forma declarativa, es decir especificando como debe comportarse la directiva. Lo último que nos falta ver en esta unidad es añadir una función que se ejecutará al iniciarse la directiva. A esta función se le llama la función "link". Para definirla deberemos añadir dicha función a la propiedad ''link'' del [[https://docs.angularjs.org/api/ng/service/$compile#directive-definition-object|objeto con la definición de la directiva]]. | + | Hasta hora hemos visto como definir una directiva de forma declarativa, es decir especificando como debe comportarse la directiva. Lo último que nos falta ver en esta unidad es añadir una función que se ejecutará al iniciarse la directiva. A esta función se le llama la función "link". Para definirla deberemos añadir dicha función a la propiedad ''link'' del [[https://docs.angularjs.org/api/ng/service/$compile#directive-definition-object|objeto con la definición de la directiva]]. |
La función link acepta 4 parámetros que son: | La función link acepta 4 parámetros que son: | ||
Línea 80: | Línea 80: | ||
</note> | </note> | ||
===== Ejemplo ===== | ===== Ejemplo ===== | ||
- | Este ejemplo es simplemente la nueva diectiva que acabamos de ver | + | Este ejemplo es simplemente la nueva directiva que acabamos de ver |
{{url>http://embed.plnkr.co/LnIR8H}} | {{url>http://embed.plnkr.co/LnIR8H}} | ||
Línea 86: | Línea 86: | ||
===== Referencias ===== | ===== Referencias ===== | ||
+ | * [[https://docs.angularjs.org/api/ng/service/$compile#directive-definition-object|/ API Reference / ng / service / $compile / Directive Definition Object]] | ||
+ | * [[https://docs.angularjs.org/guide/directive|/ Developer Guide / Directives]] | ||
+ | * [[https://docs.angularjs.org/api/ng/function/angular.element|/ API Reference / ng / function / angular.element]] |