javascript - 使用 Angular 格式化文本输入

Question

我想为荷兰邮政编码设置文本输入 View 的格式，它始终以 4 位数字开头，以 2 个字母结尾。即:1234 AA。我想要一个文本输入自动将数据格式化为这种格式。

我用 ui.mask 试过了，如果你不放入自定义占位符，它就可以工作。我不太喜欢占位符 ____ __，所以我设置了 1234 AA。

http://plnkr.co/edit/5zC2pAM4UBNC046jwQDy

这可行，但我的邮政编码可能以 1 开头。当我尝试输入我的示例邮政编码 1122 AB 时，我不能。

我也搞砸了格式化程序和解析器，但我无法让它工作。模型中的值应该是 1234AA，没有空格。

Answer 1

似乎在输入中设置占位符与屏蔽混淆。

您可以做的是创建一个指令，在 ui-mask 处理没有占位符并改用 ui-mask 的值之后添加占位符:

创建这个指令:

.directive("myPlaceholder",function($timeout){
    return{
        link: function(scope, element, attrs){          
          $timeout(function() {
            element.removeAttr('placeholder');
            element.attr('placeholder', attrs.myPlaceholder);
          });         

        }
    }
})

并将其设置为您的输入而不是实际的占位符:

<input type="text" ui-mask="9999 AA" ng-model="x" my-placeholder="1234 AA" />

在这里检查:

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