私は数字だけを受け入れるべきフィールドを持っています、私は通常、私たちはinput type="number"
を知っています。数値だけを許容するための角度の最良の方法は何ですか?入力フィールドの数値のみを受け入れます。角度の道(html5なし)
0
A
答えて
1
あなたが以下に与えられる指令に類似を作成し、おそらくあなたはこの単純なディレクティブを利用することができます属性
.directive('validNumber', function() {
return {
restrict: 'A',
require: '?ngModel',
link: function (scope, element, attrs, ngModelCtrl) {
//8:"BACKSPACE",9:"TAB",17:"CTRL",18:"ALT",37:"LEFT",
//38:"UP",39:"RIGHT",40:"DOWN",45:"INSERT",46:"DELETE",
//48:"0",49:"1",50:"2",51:"3",52:"4",53:"5",54:"6",55:"7",56:"8",57:"9", 67:"C",86:"V",
//96:"0",97:"1",98:"2",99:"3",100:"4",101:"5",102:"6",103:"7",104:"8",105:"9",
//109:"-",110:".",144:"NUMLOCK", 189:"-",190:".",
var keyCode = [8, 9, 17, 37, 38, 39, 40, 45, 46, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 67, 86, 96, 97, 98, 99, 100, 101, 102, 103, 104, 105, 109, 110, 144, 189, 190];
element.bind("keydown", function (event) {
if ($.inArray(event.which, keyCode) == -1) {
scope.$apply(function() {
scope.$eval(attrs.validNumber);
event.preventDefault();
});
event.preventDefault();
}
});
}
};
});
0
としてHTML要素にそれを使用することができます。..
// ---Directive for Digit restriction on input fields.---------
myApp.directive('numbersOnly', function() {
return {
require : 'ngModel',
link : function(scope, element, attrs, modelCtrl) {
modelCtrl.$parsers.push(function(inputValue) {
// if the input is 'undefined'
if (inputValue == undefined)
return ''
var transformedInput = inputValue.replace(/[^0-9]/g, '');
if (transformedInput != inputValue) {
modelCtrl.$setViewValue(transformedInput);
modelCtrl.$render();
}
return transformedInput;
});
}
};
}) ;
とHTMLで
、あなたが<input type="numbers" numbers-only ng-model="numberModel">
ので、理想的には、この入力フィールドは、データとして数字を使用してモデルを更新するように指示を宣言することができます。..
が、ここで何が起こっています、文字が押されるたびに、指示文numbersOnlyによって監視されています。ここでは数字だけを入力します。これは...の可能性のある重複 乾杯
関連する問題
- 1. 0〜12の数字のみを受け入れる入力フィールド?
- 2. 角度のモデルと入力フィールドの値
- 3. 角度入力フィールド
- 4. maxlengthで数字だけを受け入れる入力フィールド
- 5. 角度検索複数の入力値
- 6. 入力に数字と文字のみを受け入れる
- 7. 簡単なテキスト入力フィールドで改行を受け入れる
- 8. 文字のみを入力として受け入れる
- 9. 角度リピータを使用した複数の入力のアラート入力値
- 10. 複数のIPアドレスを受け入れるためのJqueryプラグイン入力フィールド
- 11. 入力の種類のみを受け入れる
- 12. MS Accessクエリーカスタム関数は、フォームテキスト入力を値として受け入れます。
- 13. 角度jsの入力フィールドのないページでキャプチャキーを押す
- 14. ジャバスクリプトの入力を受け入れる
- 15. Ember.js受け入れテストの入力値を確認する
- 16. 角度補間のみ特定の1つのパラメータを受け入れる
- 17. Json Serializationはブール変数の数値入力を受け入れる
- 18. 1または2の入力のみをバッチで受け入れますか?
- 19. html5:数値入力タイプ
- 20. 特定の数値のみを受け入れるバリデータ
- 21. HTML5電子メール入力タイプが無効なメールIDを受け入れる
- 22. Javaで数値のみを受け入れるテーブルフィールド
- 23. 数値のみを受け入れる汎用型制約?
- 24. 角2の剣道のスタイル入力コンポーネント
- 25. は、入力フィールドの数字だけを受け入れる必要があります
- 26. HTML5の入力タイプ=番号のみ符号なし整数を
- 27. 入力フィールドをjQueryで数字だけを受け入れるように設定します。
- 28. bashスクリプトで複数の入力行を受け入れる
- 29. cinが入力として入力を受け付けない
- 30. ログインユーザー入力を受け入れるトリガー
を行うことができます
・ホープ[angularjsを:数字のみをテキストボックスに入力することができます](http://stackoverflow.com/questions/16091218/angularjs-allows-テキストボックスに入力する数字のみ) – Oyeme
[this](http://codepen.io/apuchkov/pen/ILjFr) – gianlucatursi
をチェックすると、指示...機能を使用することができます。 ..パターン.... –