Ui掩码值不匹配ng模型

时间:2014-03-30 01:26:45

标签: javascript jquery angularjs angularjs-directive angular-ui

您好我正在使用ui掩码格式化输入框中的电话号码。问题是ngmodel与我在屏幕上看到的不匹配。例如:

 <input type="text"  ui-mask="999-999-9999"  placeholder="xxx-xxx-xxxx"class="form-control" data-ng-model="search.phone"   maxlength="12" >

我在屏幕上看到的内容:778-673-7892 ng-model值:7786737892

我该如何解决这个问题?

由于

2 个答案:

答案 0 :(得分:8)

对于那些查看最新ui-mask(1.2,它可能也是旧版本)的人来说,这有点过时了,它观察的官方属性是“modelViewValue”。例如:

<input type="text" ui-mask="999-999-9999" placeholder="xxx-xxx-xxxx" ng-model="search.phone" model-view-value="true">

这将保留您的模型值以包括蒙版的外观。

答案 1 :(得分:6)

我知道这已经完成,但我不知道它是否已经正式发布。试着这样做:

<input type="text"  ui-mask="999-999-9999"  placeholder="xxx-xxx-xxxx" class="form-control" data-ng-model="search.phone"   maxlength="12" ui-mask-use-viewvalue="true">

如果它不起作用,您可以自己进行更改,只需找到掩码指令所在的文件,并进行您看到的更改here