angular-ui-mask 未按预期在文本框中进行屏蔽

Question

我正在为我的网络应用程序使用 angular 并尝试使用 angular-ui-mask (https://github.com/angular-ui/ui-mask) 来屏蔽输入以防止有人甚至在文本框中输入除数字以外的任何内容。我已经尝试了文档建议的所有内容，但我就是无法使用它。这是我的文本框代码片段。

<div class="form-group"><label class="col-sm-2 control-label">Memo</label>
  <div class="col-sm-10">
    <input type="text" class="form-control" ui-mask="99-999-9999" ng-model="vm.textField">
  </div>
</div>

不确定我是否遗漏了什么或需要在我的控制器中添加什么。有什么线索吗？

Answer 1

也许您忘记加载脚本文件...

<script type="text/javascript" src="bower_components/angular/angular.js"></script>
<script type="text/javascript" src="bower_components/angular-ui-mask/dist/mask.js"></script>

...或将模块添加到您的依赖项中？

angular.module('myApp', ['ui.mask', ...])

编辑：组合一个最小的工作plunker。

angular-ui-mask 未按预期在文本框中进行屏蔽

angular-ui-mask doesn't mask as expected in the text box

javascript

angularjs

angular-ui