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

前端之家收集整理的这篇文章主要介绍了AngularJs:如何在输入中格式化数据?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
问题

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

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

最好的方法是什么?

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

谢谢你的帮助!

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

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

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

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

猜你在找的Angularjs相关文章