Estoy trabajando con una directiva como la siguiente:
ctrlsaldosyconsumos.directive('valCustom', function() {
return function(scope,element,attrs){
attrs.$observe('valCustom',function(){
var percent = '<div class=\"percent\"></div>';
element.append(percent);
element.find('.percent').css( {'background': element.attr("data-color")});
element.find('.percent').animate({width: element.attr("data-percent") + '%'}, 350);
var divvalue = $("<span class=\"txt\">"+dataValue+"</span>");
element.append(divvalue);
element.find('.txt').animate({'left': element.attr("data-percent")+'%', opacity: 1});
});
}
})
Y por parte del html tengo las siguientes etiquetas:
<tr ng-repeat="internetPrincipal in internetListaBolsaPrincipalInternet">
<td width="30%">{{internetPrincipal.nombreBolsa}}</td>
<td>
<div class="progress-bar" data-color="#d52b1e"
data-percent="{{internetPrincipal.bolsaUtilizada*100/internetPrincipal.bolsaTotal}}" data-value="{{internetPrincipal.bolsaUtilizada}}" val-Custom>
</div>
</td>
</tr>
Ahora lo que necesito es pasar 2 parámetros a la directiva. En este caso sería "internetPrincipal.bolsaUtilizada"
y "internetPrincipal.unidadConsumo"
que lo obtengo del ng-repeat
.
Estos parámetros deberían ir, por ejemplo
val-Custom="{{internetPrincipal.bolsaUtilizada,internetPrincipal.unidadConsumo}}"
Pero esto me da un error.