如何在angular-xeditable中使用mask？

Question

我需要將mask連接到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'"> 

但我不知道如何連接角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」。