AngularJs：如何在输入中格式化数据？

发布时间：2020-12-17 07:18:59 所属栏目：安全来源：网络整理

导读：问题我需要直观地格式化输入字段,以帮助用户知道他们应该键入什么作为电话号码.例如,我想接受一个电话号码为3位区号,3位前缀和4位后缀：(207)555-1212.我想要：为输入字段提供帮助器格式 – 那些括号和连字符我不希望’helper’字符包含在我存储在模型中

问题

我需要直观地格式化输入字段,以帮助用户知道他们应该键入什么作为电话号码.例如,我想接受一个电话号码为3位区号,3位前缀和4位后缀：(207)555-1212.我想要：

>为输入字段提供帮助器格式 – 那些括号和连字符
>我不希望’helper’字符包含在我存储在模型中的实际数据中.
>当用户输入时,我希望括号神奇地出现,然后连字符也出现在正确的位置.

最好的方法是什么？

注意：这不是用于显示数字 – 我可以使用过滤器.这用于格式化输入字段中的数据.

谢谢你的帮助！

如果您正在寻找一个简单的解决方案,您可以试试AngularUI,http://angular-ui.github.com/

这是该页面“掩码”部分的示例：

<input ng-model="maskDemo" ui-mask="'99-99-9999'">

“9”是数字,其他东西只是一个掩码/占位符.它应该只提交实际值.您可以编辑蒙版以包括括号和您可能需要的任何其他内容.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!