当前位置:  开发笔记 > 编程语言 > 正文

Uimask改变了ng-minlength的最大最大值

如何解决《Uimask改变了ng-minlength的最大最大值》经验,为你挑选了1个好方法。



1> Mateus Leon..:

如果您接受一个建议,从UX的角度来看,在这种情况下,计数器是无用的.只需删除它.掩码声明您需要完成整个字段以更正通知值.

但是,如果你真的需要这个,你可以定义一个控制器方法来计算已经通知的数字量:

function Controller() {
    var vm = this;

    vm.inputValue = null;

    vm.calculateDigits = function _calculateDigits(value) {
        return (value + '').match(/([0-9]{1})/g).length;
    };
}

请记住,ui-mask仅在ngModel有效后将值添加到$ modelValue或$ viewValue,之前返回undefined(除非您之前已经输入了有效的内容).

编辑1:

要在视图上使用此函数,您需要放置一个Angular Expression,如下所示:

{{ vm.calculateDigits(vm.model.companyPhoneNumber) }}

推荐阅读
小色米虫_524
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有