2016-11-24 4 views
0

Я подсчитываю символы в текстовой области и показывая оставшиеся символы. Я также использую ng-trim. Но новая строка занимает 2 символа, и я могу минус только один из длины. как обойти это?угловой подсчет 2 символа для новой строки в текстовой области

<textarea ng-model="desc" ng-init = "desc= ''" ng-trim="false" placeholder="Type your description here" maxlength="1000" role="textarea"></textarea> 
<p>Characters remaining: {{1000-desc.length}} </p> 

Могу ли я считать символы новой строки и минус вместе с длиной. Если я смогу, то как я могу получить no новых строк здесь в html?

+0

почему вы используете 'utFormData.updateDescription' вместо' desc'? –

+0

Извините, скопируйте ошибку в папке –

+0

Какова ваша задача? вы хотите исключить все символы новой строки из числа символов? –

ответ

1

Если вы хотите удалить все непечатаемые, включая переводы строк из символов подсчитывать, вы можете определить функцию на контроллере, чтобы сделать это:

$scope.desc = ''; 
    $scope.length = 0; 
    $scope.$watch('desc', function(value) { 
     $scope.length = value.replace(/\s/g, '').length; 
    }); 

А затем просто использовать его как и в HTML:

<textarea ng-model="desc" placeholder="Type your description here" maxlength="1000" role="textarea"></textarea> 
<p>Characters remaining: {{length}}</p> 

См this plunker

+0

извините, я не могу понять -1. попробует хотя. –

+0

@AbelD, _Новая линия занимает 2 символа_ - на самом деле она занимает один символ. [Попробуйте здесь] (https://plnkr.co/edit/p0TEcyJfsiJszDBL2wh1?p=preview), положив '1', а затем нажав' Enter', а затем '2'. Вы увидите 3 символа. –

+0

@AbelD, обновленный мой ответ –

Смежные вопросы