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”是数字，其他东西只是一个掩码/占位符。它应该只提交实际值。您可以编辑蒙版以包括括号和您可能需要的任何其他内容。