AngularJS 1.4电话号码问题的掩码输入

我对开发工作还比较陌生，遇到了一个问题。支持一个应用程序，他们希望对电话号码的输入进行屏蔽。他们希望输入的是，您只能输入xxx xxx xxxx格式的电话号码。目前，我们正在检查输入，但仅当我们写入数据库时

该应用程序没有内置掩蔽，使用AngularJS 1.4.9。我能够在下面的URL找到一些东西，但是我有问题，它不能工作。我可以在html模板中调用mask，但它似乎没有任何作用

有没有人有什么建议或什么易于实施的东西？我不想重写太多的应用程序。现在，我们对DB的写入进行验证，这可能会很烦人，因为在点击save之前，您不会得到错误，然后您就丢失了表单中的所有数据

我对Angular也很陌生，很抱歉我可能会有任何误解

---

您可以在不使用ng模式安装任何新依赖项的情况下执行此操作， 运行

下面是您的html应该是什么样子：

<div class="row">
                    <div class="col-md-6">
                        <label>Phone number (Home)</label>
                        <input type="tel"
                               name="phone"
                               mask="999-999-9999"
                               ng-model="phone"/>
                      
                    </div>

电话号码（家庭）

您可以在不使用ng模式安装任何新依赖项的情况下执行此操作， 运行

下面是您的html应该是什么样子：

<div class="row">
                    <div class="col-md-6">
                        <label>Phone number (Home)</label>
                        <input type="tel"
                               name="phone"
                               mask="999-999-9999"
                               ng-model="phone"/>
                      
                    </div>

电话号码（家庭）

谢谢您的回复！我很感激！我也将尝试ng模式过程，但是关于ngMask。我确实将它添加到了我的依赖项列表和HTML中，正如您所示，但是它没有；似乎没有被利用。不确定我做错了什么。@nickill2请确保ngMask安装正确，如果您使用bower，可以通过bower安装，否则请下载它并将其添加到项目的索引中，更多详细信息请访问您添加的链接谢谢您的回复！我很感激！我也将尝试ng模式过程，但是关于ngMask。我确实将它添加到了我的依赖项列表和HTML中，正如您所示，但是它没有；似乎没有被利用。不确定我做错了什么。@nickill2确保ngMask安装正确，如果您使用bower，您可以通过bower安装，否则下载它并将其添加到项目的索引中，更多详细信息可在您添加的链接中找到

<div class="row">
                    <div class="col-md-6">
                        <label>Phone number (Home)</label>
                        <input type="tel"
                               name="phone"
                               mask="999-999-9999"
                               ng-model="phone"/>
                      
                    </div>