2016-11-24 69 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> 

我可以計算換行符並減去長度。如果我可以,那麼我怎麼能在html中獲得新的行?

+0

? –

+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> 

爲什麼您使用,而不是``desc`見utFormData.updateDescription` this plunker

+0

抱歉,我無法理解-1。儘管如此。 –

+0

@AbelD,_new行佔用2個字符 - 實際上佔用一個字符。 [在這裏嘗試](https://plnkr.co/edit/p0TEcyJfsiJszDBL2wh1?p=preview)放入'1',然後按下[Enter]和[2]。你會看到3個字符的長度。 –

+0

@AbelD,更新了我的回答 –