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

Question

问题

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

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

最好的方法是什么？

注意:这不是用于显示数字 - 我可以使用过滤器.这用于格式化input字段中的数据.

谢谢你的帮助!

Answer 1

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

这是该页面"掩码"部分的示例:

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

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