Как реализовать угловую ui-маску?

Question

Я пытаюсь создать несколько вложенных полей ввода. Угловая u-маска выглядит как способ, однако, я не могу найти очень хорошую документацию на 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; 
    } 
};