写一个ng-pattern允许特殊文本和数字

Question

我有表格。我想允许输入特殊文本和仅限数字。 示例：允许号码和特殊文本＆＃34; N / A＆＃34;或者可能＆＃34; NA＆＃34;。

<input type="text" class="form-control" ng-model="UpdateKPI.KPIInPeriodInMonth" ng-pattern="/^\d+$/" required>

请帮帮我：

Answer 1

You can do it with custom directive :-
  <input type="text" ng-model="number" required="required" numbers-only="numbers-only" />

Js:
angular.module('myApp', []).directive('numbersOnly', function(){
   return {
     require: 'ngModel',
     link: function(scope, element, attrs, modelCtrl) {
       modelCtrl.$parsers.push(function (inputValue) {
           // this next if is necessary for when using ng-required on your input. 
           // In such cases, when a letter is typed first, this parser will be called
           // again, and the 2nd time, the value will be undefined
           if (inputValue == undefined) return '' 
           var transformedInput = inputValue.replace(/[^0-9+.]/g, ''); 
           if (transformedInput!=inputValue) {
              modelCtrl.$setViewValue(transformedInput);
              modelCtrl.$render();
           }         

           return transformedInput;         
       });
     }
   };
});

function MyCtrl($scope) {
    $scope.number = ''
}