Question

我有这段HTML（JSP）代码输入电话号码!!已应用JQuery来检查用户输入文本的有效性。

<input type="text" maxlength="20" value="" id="phone" autocomplete="off" name="mobileNumberField" class="a-input-text a-width-medium a-spacing-small textbox" data-ng-model="mobile_number.value " data-ng-required="true" required="required" placeholder="mobile_number.value_def">

所以假设输入框中的文字是+91 9056 6783 32

当我使用$ scope.mobile_number.value在控制器中打印数据时有时我输出如下：未定义或 +91或 +91 9056

我没有得到完整的输入文字!! 如何在控制器中获得完整的输入文本？

Answer 1

在Controller中，您可以先声明一个对象 $scope.mobile_number={}

    mainApp.controller('testApp', function($scope) {
               $scope.mobile_number={};
               $scope.mobile_number.value ="";
               $scope.$watch('mobile_number.value', function() {
               // do something here
               console.log($scope.mobile_number.value);
    });
});

Answer 2

尝试将您的号码存储为long数据类型，而不是使用字符串。

要以人类可读的格式正确显示电话号码，请使用angular-input-masks。该项目受MIT许可。所以随意根据自己的喜好修改格式。

Plunker在这里：http://plnkr.co/edit/p3yFhsNwRO0v4kC915xF?p=preview

依赖注入ui.utils.masks到您的项目。

<强> Javscript：

var app = angular.module("app", ['ui.utils.masks']);

<强> HTML：

<input ui-us-phone-number type="text" ng-model="myPhoneNumber" />

Answer 3

我尝试了类似的代码，但没有遇到任何问题。我在控制器中获得了完整的数字。

如何从angularJS中的文本框中获取输入数据

3 个答案: