手机号码应该自动获取网络名称和圈子 - Ionic 1

Question

我正在开发一个 ionic v1 应用程序，当我在其中输入手机号码时，网络名称和圈子名称应该会在下拉列表中自动更新，就像 PayTM 等应用程序一样...

我已有一个数据库，其中网络已根据手机号码的前 4 位数字进行拆分。如何在输入手机号码时传递请求？

请提出一些想法。

Answer 1

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="formCtrl">
 <form>
    First Name: <input type="text" ng-model="number">
  </form>
  <button ng-click="submit(number)">Check</button>
</div>

<script>
var app = angular.module('myApp', []);
app.controller('formCtrl', function($scope) {
    $scope.number;
    $scope.submit = function(number){
         console.log(number)
         var res = number.slice(0, 4);
         console.log(res)
    }

});
</script>

</body>
</html>

发送 'res' 值到服务器，使用该 4 位值搜索数据库 table，获取网络的详细信息

Answer 2

你可以使用 angular 1 ng-change

View.html

<input type="text" ng-model="mobilenumber" ng-change="updateotherfields()"  />

Controller.js

app.controller('yourCtrl', function($scope) {
    $scope.mobilenumber;
    $scope.updateotherfields = function(){

      if($scope.mobilenumber){
        //check the length

       if($scope.mobilenumber.length > 4){
          console.log($scope.mobilenumber);
         var firstfournumbers = $scope.mobilenumber.slice(0, 4);

       //now you have your fournumbers
      //Do you server code and then update the combobox Model

       }


}

    }

});

手机号码应该自动获取网络名称和圈子 - Ionic 1

Mobile number should fetch network name and circle automatically - Ionic 1

jquery-mobile

angularjs

cordova

ionic-framework