2017-01-05 11 views
0

中にテキストボックスの値を変更します。ユーザタイプSテキストボックスの値はSは私の入力テキストボックスは、テキストの値は、それが小文字の「<strong>sampletext</strong>」であることを前提としたことになる<p> </p>として、私は次のシナリオを持っているのKeyDown AngularJs

なければならない場合

<input type="text" ng-model="txtValue" /> 

ので、再びユーザが今テキストがされ、それがSAように変更する必要があり を入力します

単純な言葉次の文字の前に大文字にする必要があります。彼はタイプします。

私は例のA =>「Aでそれらを分離するために必要がある場合は何も

$scope.$watch('numberValue',function(){ 
$scope.numberVal=parseInt($scope.numberValue).toUpperCase(); 

}); 

として

Before 
     <input type="text" ng-model="numberValue"/> 

After 
     <input type="text" ng-model="numberVal"/> 

次のコードのようにスクリプトコントローラを二つの異なるテキストボックスに、このような何かを試してみました"Ab =>" A "、" B "のような

+3

可能な重複(http://stackoverflow.com/questions/16388562/angularjs -force-upper-in-textbox) – superUser

+0

いいえ!それの答えは変更を示していません、代わりに盲目的に大文字として文字を受け入れます。明示的に表示したい場合は – Aravind

+0

です。下記の私の答えをチェックし、それがあなたが期待しているものかどうかを私に知らせてください。 – superUser

答えて

1

あなたは目に見える変更をしたい場合:Fiddle

HTML:

<div ng-app="myApp" ng-controller="Ctrl"> 
    <input type="text" ng-model="message" ng-change="toUpperCase()"/> 
</div> 

コントローラー:[テキストボックスにangularjs力大文字]の

angular.module("myApp", []) 
    .controller('Ctrl', function ($scope, $timeout){ 
    $scope.toUpperCase = function(){ 
    $timeout(function(){ 
     $scope.message = $scope.message.toUpperCase(); 
    }, 100) 
    } 
}); 
+0

'$ timeout'関数の時間を増やして、必要に応じて目に見える変化を見てください。それを決めるにはフィドルを使います。 – superUser

関連する問題

 関連する問題