Question

我正在尝试创建多个蒙版输入字段。角度ui-mask看起来像是要走的路，但是，我无法在utility找到非常好的文档。我发现an example for credit cards非常好。我想以几乎完全相同的方式实现此功能，但是1）电话号码2）十进制3）百分比4）电子邮件5）货币，使得字段在用户键入时被动态屏蔽。我的问题是如何使用ui-mask来完成这些任务？或者有更好的方法来实现这一目标吗？将赞赏文档的示例或链接

Answer 1

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

正如链接中所解释的那样，动态方法是你可以从范围/控制器变量中获取掩码，检查输入并根据需要更改掩码，如：

<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;
  }
};

如何实现角度ui-mask？

1 个答案: