正则表达式输入掩码的 Angular ？

Question

“Angular UI Utils”项目(link)中的ui-mask太有限了。

例如，美国电话号码的第一位数字应为2-9。在ngPattern中，应为

ng-pattern="/^\([2-9]\d{2}\)\d{3}-\d{4}(x\d{1,4})?$/"

那么，如何编写输入掩码以防止用户在第一位输入0或1？我们应该为Angular使用更好的输入蒙版吗？

Answer 1

我想你可以在这里找到答案:
https://github.com/angular-ui/ui-utils/issues/16

如链接中所述，您可以从示波器/ Controller 变量获取掩码，检查输入并根据需要更改掩码，例如:

<input type="text" ui-mask="{{mask}}" ng-keyup="onKeyUp()" ng-model="myinput">


$scope.myinput = '';
var defaultMask  = '(99) 9999-9999';
$scope.mask = defaultMask;
$scope.onKeyUp = function(){
  if ($scope.myinput.slice(0,3) == '119') { // (11) 9 means mobile, or instead, you could use a regex
    $scope.mask = '(99) 99999-9999';
  } else {
    $scope.mask = defaultMask;
  }
};