Angular UI掩码空占位符

Question

我正在为日期字段使用angular ui mask指令，并为占位符添加下划线。有没有办法在占位符上显示任何内容？

Answer 1

关于这是一个插件问题，我发现了这个名为ngMask的神奇库：

https://github.com/candreoliveira/ngMask

Answer 2

请尝试一次。

<div ng-app="myApp">
  <input class="form-control" type="text" ng-model="accountNumber" ui-mask="9999 9999 9999 9999 999"  ui-mask-placeholder-char="space" />
</div>

使用ui-mask-placeholder-char="space"，您可以获得空的占位符。

Answer 3

这是插件中的一个长期存在的错误（在我看来）。有一个出色的公关解决了这个问题，但我认为它没有被批准，因为作者没有修复这些测试：https://github.com/angular-ui/ui-utils/issues/181

我已将更改分解为自定义版本。在项目中包含指令，而不是使用Bower包含正式版本。积分转到：https://github.com/qwyzyx代码更新。我只是花时间把它转换成coffeescript并记录下这些变化。

您仍然需要包含＆＃39; ui.mask＆＃39;您的应用程序中的模块就像Github上的普通版本一样。如果需要，可以正常配置。

https://gist.github.com/lstone/a952e169090dc3c64594

如果您需要转换为JS：http://js2.coffee/

Answer 4

如果我们更喜欢图书馆提供的内容会更好。 所以，我建议你使用

<强> UI-掩模占位符炭= “空间”

将此添加到您的HTML中，它将正常工作。