UI 掩码值与 ng 模型不匹配

Ui mask value not matching ng model

本文关键字:模型 不匹配 ng 掩码 UI      更新时间:2023-09-26

嗨,我正在使用 ui 掩码来格式化输入框中的电话号码。 问题是ng模型与我在屏幕上看到的不匹配。例如:

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

我在屏幕上看到的: 778-673-7892NG模型值:7786737892

我该如何解决这个问题?

谢谢

这有点过时了,对于那些查看最新的 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">

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

我知道

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

<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">

如果它不起作用,您可以自己进行更改,您只需找到 mask 指令所在的文件,然后进行更改