我创建了Angular指令,用于计算输入和文本区域的字符,它按预期工作,但只有用户提出的问题是当他们使用IE' x'图标它不会清除它应该设置回256的mayLength
的计数。我如何解决IE的这个问题?
main.html中
<div class="col-md-3">
<input type="text" class="form-control"
ng-model="input.searchValue" placeholder="Enter search item"
maxlength="256" name={{$index}}
data-tooltip-html-unsafe="<div>{{256 - input.searchValue.length}} characters left</div>"
tooltip-trigger="{{{true: 'focus', false: 'never'}[ input.searchValue.length >= 0 || input.searchValue.length == null ]}}"
tooltip-placement="top" tooltip-class = "bluefill"/>
</div>
directive.js
angular.module('myMaxlength', []).directive('myMaxlength', function () {
'use strict';
return {
restrict: 'A',
require: 'ngModel',
link: function (scope, elem, attrs, ctrl) {
attrs.$set('ngTrim', 'false');
var maxlength = parseInt(attrs.myMaxlength, 10);
ctrl.$parsers.push(function (value) {
if (value.length > maxlength) {
value = value.substr(0, maxlength);
ctrl.$setViewValue(value);
ctrl.$render();
}
return value;
});
}
};
});