角度jsがこのPlunkrリーディング＆

参照入力のテキストボックスから末尾のスペースを削除する：http://plnkr.co/edit/YAQooPn0UERDI5UEoQ23?p=preview 角度jsがこのPlunkrリーディング＆

タイプのテキストを「_______what___ever_____」として（引用符&なし_スペースを表す。）

角度である前方から（スペースを除去すること&戻る&）モデルから（私の望ましい動作ですが）、私のテキストボックスは、スペースを維持しています。

テキストボックスからスペースを削除するにはどうすればよいですか？つまり、テキストボックスにもモデルの値を反映させたい。

編集：私のニーズのより良い説明。例：については

：私は "___What_Ever____" を入力した場合（引用&なし_スペースである）、

1）私のテキストボックスは

2 "___What_Ever____" 私はすなわちを入力したものと同じ、私が表示されます）私のモデルは私に「これまで」と表示されます。

テキストボックスの値を「これまで」とすることもできます。

HTML：

<!DOCTYPE html> 
<html ng-app="app"> 

    <head> 
    <link rel="stylesheet" href="style.css" /> 
    <script data-require="[email protected]" data-semver="1.9.0" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.0/jquery.js"></script> 
    <script data-require="[email protected]" data-semver="1.0.7" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.js"></script> 
    <script src="script.js"></script> 
    </head> 

    <body ng-controller="MyCtrl"> 
    <input type="text" ng-model="modelVal"> 
    <br> 
    model value is "{{modelVal}}" 
    </body> 

</html>

JS：

angular.module('app', []) 
    .controller('MyCtrl', function($scope) { 
    $scope.modelVal=""; 

    })

出典

2016-10-17 Abdul Rehman Sayed

私はそれは、ユーザが入力されると、先頭と末尾のスペースを削除することをお勧めしますかわかりません。 –

@camden_kidぼかしなどのイベントでもうまくいきます。 –

を提供するngTrimを使用することができますか？ - Plunker

ng-blurあなたがロードしているAngularJSのバージョン（1.0.7）がかなり古いため、Plunkerで動作しません。私はそれを最新のバージョン（1.5.6）に置き換えました。私はまた、ユーザーが正しいテキスト入力を得るためにng-trim="false"を使用します。

マークアップ

<body ng-controller="MyCtrl"> 
    <input type="text" ng-model="modelVal" ng-change="change()" ng-blur="blur()" ng-trim="false"> 
    <br> 
    model value is "{{newModelVal}}" 
</body>

angular.module('app', []) 
    .controller('MyCtrl', function($scope) { 
    $scope.modelVal=""; 
    $scope.change = function() { 
     $scope.newModelVal = $scope.modelVal; 
    } 
    $scope.blur = function() { 
     $scope.modelVal = $scope.newModelVal.trim(); 
    } 
    })

出典

2016-10-17 10:36:46

plunkrのリンクが機能していません –

@AbdulRehmanSayed申し訳ありません、更新を参照してください –

あなたがこれを行うことができ、

<body ng-controller="MyCtrl"> 
<input type="text" ng-change="modelVal = modelVal.split(' ').join('')" ng-model="modelVal"> 
<br> 
    model value is "{{modelVal}}" 
</body>

DEMO

EDIT：

あなたはでしょうこの作品角度自体によって

<input type="text" ng-trim="true" ng-model="modelVal"> 
<br> model value is "{{modelVal}}"

DEMO

出典

2016-10-17 07:52:35 Sajeetharan

これにより、単語間のスペースも削除されます。 –

これはあなたが質問で尋ねたものです – Sajeetharan

混乱して申し訳ありません。私は、先頭から（先頭から）、末尾から（後ろから）スペースを削除したいだけです。 –

角度jsがこのPlunkrリーディング＆

答えて

関連する問題