счетчик символов текстовой области angularjs
Привет, у меня есть счетчик символов для текстовой области. Моя проблема заключается в том, что он не учитывает пробелы или разрывы строк. Как я могу сделать так, чтобы он это сделал?
{{1500-createprofilefields.description.length}} Characters - Как использовать $ http promise ответ вне успеха обработчик
- Как связать угловой ui с помощью сервера через $ http для оптимизации на стороне сервера?
- Остановить распространение событий мыши в угловом
- Отправка события при завершении работы angular.js
- Угловой 2, DomSanitizer, bypassSecurityTrustHtml, SVG
- Что такое угловой эквивалент часов AngularJS $?
- Как хранить токен в локальном или сеансовом хранилище в Угловом 2?
- Не удалось найти имя «require» после обновления до Angular4
- В чем разница между markForCheck () и detectChanges ()
- как использовать дорожку внутри ngFor угловой 2
- Угловой разъем с несколькими маршрутизаторами в одном шаблоне
- angularjs ui-router - как создать главное состояние, которое является глобальным через приложение
- ngFor с индексом как значение в атрибуте
Это потому, что angularJS автоматически обрезает вашу модель.
Если вы используете angularJS 1.1.1 или новее, добавьте ng-trim="false" в textarea .
Рабочий пример: http://jsfiddle.net/9DbYY/
С Angular textarea имеет необязательный аргумент ngTrim . Согласно странице « Угловая текстура» :
Если установлено значение false, то угловое не будет автоматически обрезать вход. (по умолчанию: true)
Применение:
Следующий код показывает, как использовать ngTrim , чтобы предотвратить Угловое ngTrim ввода:
Character count {{15 - countmodel.length}} left
Обратите внимание, что input[text] имеет один и тот же необязательный аргумент ngTrim ( страница с угловым вводом ).
Создайте директиву с именем charCount
.directive('charCount', ['$log', '$timeout', function($log, $timeout){ return { restrict: 'A', compile: function compile() { return { post: function postLink(scope, iElement, iAttrs) { iElement.bind('keydown', function() { scope.$apply(function() { scope.numberOfCharacters = iElement.val().length; }); }); iElement.bind('paste', function() { $timeout(function () { scope.$apply(function() { scope.numberOfCharacters = iElement.val().length; }); }, 200); }); } } } } }])
В вашем HTML-вызове указатель char-count и access variable numberOfCharacters
Number of Characters: {{ numberOfCharacters }}
вы можете использовать функцию с вызовом ng-change = “”
{{1500-chrLength}} Characters
и в controller.js
$scope.countLength = function(val){ $scope.chrLength = val; }