angular-ui-mask未按预期在文本框

时间:2016-09-01 23:28:18

标签: javascript angularjs angular-ui

我正在为我的网络应用程序使用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>

不确定我是否遗漏了某些内容或需要在控制器中添加内容。任何线索?

1 个答案:

答案 0 :(得分:3)

也许你忘了加载脚本文件......

<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放在一起。