在AngularJS 1.4中,可以使用ngMask模块来实现电话号码的输入掩码。
首先,确保你已经引入了ngMask模块的依赖。可以通过在HTML文件中引入ngMask的CDN链接,或者在应用的模块中添加ngMask依赖。
接下来,你可以在输入框的ng-model上使用ng-mask指令来指定电话号码的输入掩码。例如,如果你想要一个电话号码输入框只能输入10位数字,并在输入框显示为"(XXX) XXX-XXXX"的格式,可以使用以下代码:
在这个示例中,ng-mask指令的值为"(999) 999-9999",其中9表示任意数字。
接下来,你可以在控制器中使用phoneNumber来获取用户输入的电话号码:
angular.module('myApp', ['ngMask'])
.controller('myController', function($scope) {
$scope.phoneNumber = '';
});
在这个示例中,$scope.phoneNumber将保存用户输入的电话号码。
最后,在HTML中通过ng-app和ng-controller来应用控制器:
Phone Number Mask Example
Phone Number: {{ phoneNumber }}
在这个示例中,ng-app="myApp"将应用我们的AngularJS应用,ng-controller="myController"将应用我们的控制器。
当用户在输入框中输入电话号码时,该值将被保存到$scope.phoneNumber,并且在页面上显示。
以上就是使用ngMask模块在AngularJS 1.4中实现电话号码输入掩码的方法。你可以根据需要修改输入掩码的格式。