Question

我在计算文本区域中的字符并显示剩余字符。我也在使用ng-trim。但新线占据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>

我可以计算换行符和减号以及长度。如果我可以，那么如何才能在html中获得新行的编号？

Answer 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

角度计算文本区域中换行符的2个字符

1 个答案: