Me podrían ayudar en dar un ejemplo o documentación de como renderizar primero todo el controller antes que se ejecute una directiva customizada.
Lo que tengo en el controller es un valor: $scope.total = 200;
En el HTML tengo lo siguiente
<div val-Custom><ul><li data-value="{{total}}"></li></ul></div>
Ahora quiero atrapar ese valor en mi directiva ejem:
ctrlsaldosyconsumos.directive('valCustom', function() {
return function(scope, element, attrs) {
//aqui hago otras cosas me interesa mas
attrs.$observe('valCustom', function() {
element.find('li').animate({ width: element.attr("data-value") + '%' }, 350);
});
}
})
Ahora ese data-value en la directiva me sale undefined
y si lo pongo, por ejemplo
<li data-value="200"></li>
Esto sí se ejecuta correctamente. Pienso que primero se está ejecutando la directiva sin haber cargado el valor del controlador ($scope.total
).
Alguna sugerencia o ayuda les agradeceré, estoy iniciando en esto de AngularJS (Angular 1) y más en directivas. Gracias .