Tengo el siguiente código que tiene la directiva <count-characteres>
<label class="control-label"><cr/>Género <count-characters c-name="genero"></count-characters></label>
<div class="input-group">
<input type="text" name="genero" class="form-control" name="genero" equired="" ng-model="produccionGeneroSel.genero" ng-maxlength="{{validations.genero.maxlength}}">
<span class="input-group-addon"><i class="fa fa-font"></i></span>
</div>
Lo que estoy intentando hacer es que cuando se comience a escribir en el input
empiece un contador de caracteres restantes y cuando salgo del input
que desaparezca y no estoy pudiendo llamar a la directiva
, pasando el maxlength
y que sepa en que input
estoy escribiendo. Intente con $watch
pero no pude hacer andar
app.directive('countCharacters', ['$injector', function ($injector) {
return{
retric:'E',
replace: true,
scope:{
cName: '=name'
},
template: function(){
return '<span>caracteres restantes</span>'; },
link: function($scope, element, $attrs){
}
};
}]);
pienso usarlo por la etiqueta name
del input
por si hay varios en un mismo formulario.
ng-init
=/