使用ng-mask手机

时间:2016-09-27 06:35:28

标签: angularjs ionic-framework

我仍然怀疑使用ng-mask,我浏览了大部分网页,但它仍然保持不变。许多人告诉他使用angularjs的输入标签,这样做后我无法掩盖输入。或者我犯了错误,请有人纠正我并给出使用ng-mask的清晰度。

    <input type="tel" name="phoneno" maxlength=13  ng-model="phone.number" ng-mask="(999)999-9999"/>
    </div>          
<button class="button2" ng-click="home()">Back</button> &nbsp &nbsp &nbsp
<button class="button3" ng-click="addphone()">Add</button>

4 个答案:

答案 0 :(得分:2)

从net

下载ngMask.min.js

在app.js和Include app.js模块之前调用ngMask.min.js

var yourApp= angular.module("yourApp", [
'ngMask'
]);

HTML:

<input type="tel" name="phoneno" maxlength=13 ng-model="phone.number" mask="(999)999-9999" />

答案 1 :(得分:0)

下面的代码对我有用。

我认为您应该使用如下所示的数据属性

<input type="text" class="form-control input-small" data-ng-model="zipcode" placeholder="Enter the zip code" data-ng-mask="#####-###" data-on="keyup">

答案 2 :(得分:0)

&#13;
&#13;
int i = -1;
  while (i <= 10)
  { 
     i = i + 1;
     System.out.println("i=" + i);
  }
&#13;
// 2. Add ngMask module dependency to your app.
angular.module('yourApp', ['ngMask']);
&#13;
&#13;
&#13;

来源:https://github.com/candreoliveira/ngMask/blob/master/README.md

答案 3 :(得分:0)

使用ui-mask代替:

<div class="form-group">
<label for="birth-date">Date of birth</label>
<input type="text"
class="form-control"
id="birth-date"
ng-model="formData.date_of_birth"
ng-value="formData.date_of_birth"
ui-mask="99.99.9999"  
ui-mask-placeholder 
ui-mask-placeholder-char="_"
>
 </div>

https://github.com/angular-ui/ui-mask