角度制限入力[数値]長

Question

How to limit input[number]の指令を使用すると問題が発生します。

入力が最大に達したときに、入力にマークを付ける（入力をダブルクリックする）桁を押して入力全体を変更するには、指示文のために変更しないでくださいe.preventDefault(); 選択イベント次の場所で閲覧できます：

angular.element(elem).on("select", function(e) { 
       console.log(e); 

      }); 

これを修正するにはどうすればよいですか？ ディレクティブ：

angular.module('myApp') 
    .directive('limitTo', limitTo); 

function limitTo() {  
    return { 
     restrict: "A", 
     link: function(scope, elem, attrs) { 
      var limit = parseInt(attrs.limitTo); 
      angular.element(elem).on("keypress", function(e) { 
       if (this.value.length == limit){ 
        e.preventDefault(); 
       } 
      }); 
     } 
    } 
}; 

と使用：

<input type="number" class="form-control form-control-lg" limit-to="6" 
    ng-model="vm.details.m_inputSMS" placeholder = {{vm.configProprs.kodPlaceHolder}} name ="m_inputSMS" id="m_inputSMS" 
    ng-model-options="{ updateOn: 'blur' }"required/> 

Answer 1

だから私はwindow.getSelection().toString()を使用して選択入力と一致することを確認し、この問題を解決するために：

if(this.value.length == limit && window.getSelection().toString() == this.value){ 
    //logic goes in here... 
} 

Answer 2

あなたが与えたい場合入力フィールドに制限する場合は、ng-minlength="6"ng-maxlength="6"を使用して、これをanglejに割り当てることができます。

<input type="number" class="form-control form-control-lg" ng-minlength="6" ng-maxlength="6" 
    ng-model="vm.details.m_inputSMS" placeholder = {{vm.configProprs.kodPlaceHolder}} 
    name ="m_inputSMS" id="m_inputSMS" ng-model-options="{ updateOn: 'blur' }"required/>