0

angularjs: のテキスト ボックスに小数のみを入力できるようにする方法。私は記事のみの数字を見つけました。しかし、それは小数のみのようなものですか?

ありがとう

4

3 に答える 3

2

Demo jsFiddle

指令 

   .directive('onlyNum', function() {
      return function(scope, element, attrs) {

         var keyCode = [8,9,37,39,48,49,50,51,52,53,54,55,56,57,96,97,98,99,100,101,102,103,104,105,110];
          element.bind("keydown", function(event) {
            console.log($.inArray(event.which,keyCode));
            if($.inArray(event.which,keyCode) == -1) {
                scope.$apply(function(){
                    scope.$eval(attrs.onlyNum);
                    event.preventDefault();
                });
                event.preventDefault();
            }

        });
     };
  });

HTML

 <input type="number" only-num>

注：angular jsでjQueryを含めることを忘れないでください

Demo jsFiddle

于 2013-11-14T08:40:34.407 に答える
0

ユーザー入力をチェックするディレクティブを作成することをお勧めします。彼が数字以外を入力した場合は、入力フィールドを更新しないか、間違った文字を削除してください (どちらのアプローチが簡単かは 100% わかりません)。ディレクティブを使用すると、モデルを監視するよりもメモリを節約できます。

ここに包括的なディレクティブ チュートリアルがあります: http://www.befundoo.com/university/tutorials/angularjs-directives-tutorial/

于 2013-09-19T07:37:26.423 に答える
0

テキストボックスで小数点以下2桁を許可するAngular指令コード

以下の URL を確認してください。

Working Demo

float を小数点以下 2 桁に再フォーマットした後、テキスト ボックスに戻す方法

上記の投稿で私の解決策を確認してください

于 2013-09-19T07:52:56.667 に答える