如何在 angular-xeditable 中使用掩码？

Question

我需要将掩码连接到 angular-xeditable。所以我将掩码连接到 angularjs.

<input id="phone" name="firstName" type="text" class="form-control mb5"  placeholder="(999) 999-9999" ng-model="vm.phoneNumber" ui-jq="mask" ui-options="'(999) 999-9999'">

但是我不明白怎么连接angular-xeditable

<span id="phone" editable-text="vm.phone" e-placeholder="(999) 999-9999" e-form="tableform" onbeforesave="checkName3($data)">
   {{vm.phone || '-'}}
 </span>

这个选项不起作用。

Answer 1

试试这个 "e-*"

<span id="phone" editable-text="vm.phone" 
   e-placeholder="(999) 999-9999" 
   e-form="tableform" 
   e-ui-jq="mask" 
   e-ui-options="'(999) 999-9999'" 
   onbeforesave="checkName3($data)"> {{vm.phone || '-'}}
</span>

其他选项：

包含 js

/bower_components/jquery.inputmask/dist/jquery.inputmask.bundle.js   



<span editable-text="ApTax" e-size="50" e-maxlength="50"
                              e-ng-model="ApTax" e-id="ApTax"
                              e-maskinput e-data-inputmask="'mask':'999-***'"
                              e-name="BAS" e-form="rowform" e-required>
                            {{ ApTax}}
 </span>

Answer 2

我用angular-ui-mask检查掩码。

只需安装即可：

bower install angular-ui-mask

在您的 html 中加载脚本文件（希望您已经加载 angular-xeditable 的脚本）：

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

将特定模块添加到您的依赖项中：

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

而您的代码是：

<span id="phone" editable-text="vm.phone" 
      e-ui-mask="(999) 999-9999" e-form="tableform"
      onbeforesave="checkName3($data)">
      {{vm.phone || '-'}}
</span>

请注意，对于 angular-xeditable，您需要使用带有前缀 "e-" 的 angular-ui-mask 属性，例如 "e-ui-mask"。

如何在 angular-xeditable 中使用掩码？

How to use mask in angular-xeditable?

mask

angularjs

x-editable