I am gonna get the count of letters in the textbox and show it in div tag which is featured by element directive .
<input type="text" ng-model="name">
<div counter-directive max-length="100" ng-model="name"></div>
div tag has to show something like this : 12/100 (12 is what we typed in input and 100 is the value of max-length )
the problem is , I don't know how to get the value of max-length .
here i have the example on jsfiddle
Firsly, check your spelling. You've used lenght a couple times in your question.
You can get the max-length attribute from the attrs object passed into the link function.
link: function (scope, element, attrs) {
var foo = attrs.maxLength;
}
You just have to do this:
app.directive('counterDirective', function () {
return {
restrict: 'A',
require: 'ngModel',
scope: { maxLength:'=', ngModel:'&' },
link: function (scope, element, attrs) {
console.log(scope.maxLength);
scope.$watch(scope.ngModel, function (value) {
if (value) {
var newValue = value.length;
console.log(value);
element[0].innerText = newValue;
}
});
}
}
});
I think you have to replace 'lenght' by 'length' :)
