javascript - AngularJs を使用してテキスト ボックス内の文字のみを許可する

Question

ユーザーが文字以外の値を入力できないように、プロジェクトのテキストボックスを検証したいだけです。

Answer 1

ハック？方法、コントローラーの ng-model を $watch します。

<input type="text" ng-model="myText">

コントローラ：

$scope.$watch('myText', function() {
   // put logic to strip out all non-character characters here
   if ($scope.myText  ... regex to look for ... ) {
      // strip out the non-characters
   }
})

最善の方法は、ディレクティブで $parser を使用することです。@pkozlowski.opensource によって提供された既に適切な回答を繰り返すつもりはないので、リンクは次のとおりです: https://stackoverflow.com/a/14425022/215945

ng-change を使用しないでください。問題が発生します。AngularJSを参照してください- $scope.value のリセットはテンプレートの値を変更しません (ランダムな動作)

更新: ng-patternを使用して、フィールドで許可されるものを制限する正規表現を定義することもできます。フォームに関する「クックブック」ページも参照してください。