2016-11-24 5 views
0

文字領域の文字数をカウントして残りの文字を表示しています。私もng-trimを使用しています。しかし、新しい行は2文字を占めており、私は長さからマイナス1つしかできません。これを回避するには?角度計数テキスト領域の改行の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で新しい行の数を得ることができますか?その後、

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

そして、単にHTMLでそのようにそれを使用します:

+0

this plunkerを参照してください? –

+0

申し訳ありませんコピー貼りエラー –

+0

あなたの仕事は何ですか?すべての改行を文字数から除外しますか? –

答えて

1

あなたは文字の改行はカウントを含むすべての空白を削除したい場合は、あなたがそれを行うには、コントローラ上の関数を定義することができます

あなたの代わりに `` desc`のutFormData.updateDescription`を使用している理由
<textarea ng-model="desc" placeholder="Type your description here" maxlength="1000" role="textarea"></textarea> 
<p>Characters remaining: {{length}}</p> 

+0

申し訳ありませんが-1を理解できません。しかし、試みます。 –

+0

@AbelD、_new行は2文字を占めています_実際には1文字を占めています。 [ここで試してみてください](https://plnkr.co/edit/p0TEcyJfsiJszDBL2wh1?p=preview)「1」を入力してから「Enter」と「2」を押します。 3文字の長さが表示されます。 –

+0

@AbelD、私の答えを –

関連する問題