在角度js中只輸入小數點後兩位小數點

Question

如何在textbox.please中輸入小數點後兩位小數，讓我知道如何修改下面的指令。

我用下面的代碼

app.directive('nksOnlyNumber', function() { 
    return { 
     restrict: 'EA', 
     require: 'ngModel', 
     link: function (scope, element, attrs, ngModel) { 
      scope.$watch(attrs.ngModel, function (newValue, oldValue) { 
       var spiltArray = String(newValue).split(""); 
       if (spiltArray.length === 0) return; 
       if (spiltArray.length === 1 
        && (spiltArray[0] == '-' 
        || spiltArray[0] === '.')) return; 
       if (spiltArray.length === 2 
        && newValue === '-.') return; 

       /*Check it is number or not.*/ 
       if (isNaN(newValue)) { 
        ngModel.$setViewValue(oldValue); 
        ngModel.$render(); 
       } 
      }); 
     } 
    }; 
}); 

Answer 1

我會輸入使用NG模式做到這一點，所以我可以使用正則表達式和角度內置的驗證框架。

<input type="number" ng-pattern="/^[0-9]+(\.[0-9]{1,2})?$/" name="somenumber" ng-model="data.somenumber" /> 

http://plnkr.co/edit/b2G5YujiwQBdv5lDjIOc?p=preview

我發現這個正則表達式在這裏：Simple regular expression for a decimal with a precision of 2