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，你需要使用带有前缀＆＃34; e - ＆＃34;的angular-ui-mask属性，例如＆＃34; e-ui-mask＆＃34 ;

如何在angular-xeditable中使用蒙版？

2 个答案: