Ui掩碼值與ng模型不匹配

Question

嗨我正在使用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-模型值：7786737892

我該如何解決這個問題？

感謝

Answer 1

我知道這已經完成，但我不知道這是否已經正式發佈呢。試着這樣做：

<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

Answer 2

這對於那些正在查看最新的UI屏蔽（1.2，也可能是舊版本）的用戶來說有點過時了，它所觀察的官方屬性是「modelViewValue」。示例：

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

這將保留您的模型值以包含面罩的外觀。