AngularJSで入力のトリミングを無効にするにはどうすればよいですか？

Question

私はいくつかの奇妙な振る舞いを見つけました。角度の調整はデフォルトでモデル値です。クイックグーグルは私にこの問題を解決する助けにはならない。私はng-no-trimの指示プロポーザル、ng-trimなどを見つけました。しかし、何も動作しません。

以下、この問題を表す少しのスニペットを提供しました。

function Ctrl($scope) { 
    $scope.text=''; 

    $scope.$watch('text', function (newValue) { 
    console.log(newValue); 
    }); 
} 

また、このスニペットhereを試すこともできます。

モデルtextと同期しているテキストエリアを追加しました。しかし、後続のスペースを追加するときや、新しい行に改行するときには、反応することはありません。

この動作をオフにするにはどうすればよいですか？ありがとう。

Answer 1

このディレクティブは1.1.1で新しく追加されました。あなたはJS Bin snippetを使ってそれが働いているのを見ることができます。

<textarea cols="30" rows="10" ng-model="text" ng-trim="false"></textarea> 

Answer 2

フォールバックの角度1.0.xの

var app = angular.module('app', []); 

app.directive('ngTrim', function() { 
    return { 
     require: 'ngModel', 
     priority: 300, 
     link: function(scope, iElem, iAttrs, ngModel) { 
      if (iAttrs.ngTrim === 'false') { 
       // Be careful here. We override any value comming from the previous 
       // parsers to return the real value in iElem 
       ngModel.$parsers.unshift(function() { 
        return iElem.val(); 
       }); 
      } 
     } 
    } 
}); 

angular.bootstrap(document, ['app']); 

http://jsfiddle.net/vXCnj/3/

Answer 3

ためのあなたが有効にすることができます/ NG-トリムを使用してトリムオプションを無効に=真/偽。 参照https://docs.angularjs.org/api/ng/input/input%5Btext%5D