input - AngularJs:入力でデータをフォーマットする方法は?

Question

問題

ユーザーが電話番号として何を入力する必要があるかを理解できるように、入力フィールドを視覚的にフォーマットする必要があります。たとえば、電話番号を 3 桁の市外局番、3 桁のプレフィックス、4 桁のサフィックスとして受け入れたいとします: (207) 555-1212. したい：

1. 入力フィールドにヘルパーフォーマットを提供します -- これらの括弧とハイフン
2. モデルに保存する実際のデータに「ヘルパー」文字を含めたくありません。
3. ユーザーが入力すると、括弧が魔法のように表示され、ハイフンも適切な位置に表示されるようにします。

それを行う最良の方法は何ですか？

注：これは数値を表示するためのものではありません-そのためにフィルターを使用できます。inputこれは、フィールド内のデータをフォーマットするためのものです。

ご協力いただきありがとうございます！

Answer 1

シンプルなソリューションを探している場合は、AngularUI を試してみてください ( http://angular-ui.github.com/ )。

これは、そのページの「マスク」セクションの例です。

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

「9」は数字で、その他のものは単なるマスク/プレースホルダーです。実際の値のみを送信する必要があります。マスクを編集して、括弧やその他の必要なものを含めます。