Hola!
Hace un mes que decidí empezar a mirar como funciona AngularJS. Cuando descubrí el uso de la directivas como si fueran Web Components me atrayó mucho más el tema. Y justamente en este punto estoy ahora.
He creado una directiva pgPaginator que como plantilla es un input de tipo number que indica el número de página y un select con diferentes opciones que representan un cierto número de items por página.
Ahora bien, quiero que esta directiva tenga un estado. Esto lo implemento asignando un atributo ng-model a la plantilla pgPaginator. Y quiero que ese modelo se modifique tanto cuando modifico internamente el estado de la plantilla como cuando lo hago desde fuera (double-data-binding). Todo esto lo he conseguido. http://embed.plnkr.co/g9ICrT/preview
El primer input y select son elementos HTML normales ligados a scope fooController modelPaginator.page y modelPaginator.perpage, respectivamente.
El segundo input y select pertenecen a la directiva pg-paginator que a través de ng-model, obtiene los valores.
Ahora bien, como puede ser que la disposición de los inputs/selects que vaya añadiendo quiero que sea configurable. Lo mejor seria crear otras directivas pgPaginatorPage y pgPaginatorPerpage que funcionaran dentro de una directiva pgPaginator. Y en ello estoy. He creado la directiva pgPagintatorPage y no le he definido ningún scope, ya que quiero que tenga el mismo que el de la directiva pgPaginator. Sin embargo en este caso el double-databinding no funciona bien:
http://embed.plnkr.co/h85hAk/preview
¿Alguien sabría que se me está escapando?
Un saludo!
