javascript - 与数据库连接和输入处理有关的 ionic 问题

Question

我使用 Ionic 在 Android 上制作了一个应用程序。在我的计算机上一切正常，但在我的手机上打开该应用程序后，有些事情就不起作用了。

第一个可能更困难。 我在 Mysql 数据库上有一个数据，并使用 php 将其回显为 json 来获取该数据。然后我使用 jsonp 来检索它。在我的电脑上运行正常，但在我的手机上却没有任何反应。 这是我的 JS 文件:

$(function(){
  var App = angular.module("App");

  App.controller('companySearchController',function($scope,GetAPI){

    $scope.groups = [];
    $scope.message = "Fyrirtækja Leit";
    $scope.showOrNot = false;



    $scope.search2 = function(searchText){
      GetAPI.getCompany2(searchText).then(onCompanyComplete);
    };

    var onCompanyComplete = function(data){
      console.log(data['data']);

      for(var x = 0; x<data['data'].length;x++){
        var tempArray = [];

        for(var i = 0; i<5; i++){

          tempArray.push(data['data'][x][i]);
        }
        $scope.groups.push(tempArray);
        console.log(tempArray);
      }


    };

    $scope.toggleGroup = function(group) {
      if ($scope.isGroupShown(group)) {
        $scope.shownGroup = null;
      } else {
        $scope.shownGroup = group;
      }
    };
    $scope.isGroupShown = function(group) {
      return $scope.shownGroup === group;
    };


  });


}());

以及 PHP 文件:

$<?php
 $fname = $_GET['firstname'];
    $pdo = require_once('dbconfig.php');
    $sth=$PDO->prepare("SELECT * FROM  company WHERE  name LIKE '$fname%' LIMIT 200");
    $sth->execute();

$result = $sth ->fetchAll();

$jsonData = json_encode($result);

echo $_GET['callback'] . '('.$jsonData.')';

就像我说的，我的手机上没有显示任何内容，但是当我在计算机上的浏览器中运行它时，一切正常。

还有输入问题。我有一些输入，它们都是链接的，并且当其他输入发生变化时，所有输入都会发生变化。当我输入输入内容时，在输入第二个数字后，它会自动填写该数字之后的数字。在我的计算机上一切正常。

这是 JS 文件:

$(function(){
  var App = angular.module("App");

  App.controller('currencyController',function($scope,GetAPI){

    //$scope.run = false;


    $scope.search = function(){
      GetAPI.getCurrency().then(onCarComplete);
    };

    var onCurrencyComplete = function(data){

      $scope.currencyData = data;
        starter(1000);

    };

    var starter = function (price) {
      for(var i = 0; i<$scope.currencyData.length;i++){
        $scope.currencyData[i]['forApp'] = parseFloat(price/$scope.currencyData[i]['askValue']).toFixed(2);
        $scope.currencyData[i]['forAppReal'] = price/$scope.currencyData[i]['askValue'];
      }
    };



    $scope.changeCurrency = function(changed){
      var isk = changed['forApp']*changed['askValue'];
      console.log(isk);

      //console.log(changed['shortName'] + " " + changed['forApp']+ " is: "+ isk);

      calculate(isk);

      changed['forApp'] = parseFloat(changed['forApp']).toFixed(0);
    };


    var calculate = function(isk){
      for(var i = 0; i<$scope.currencyData.length;i++) {
        var stuff = isk/$scope.currencyData[i]['askValue'];
        stuff = parseFloat(stuff).toFixed(2);
        $scope.currencyData[i]['forApp'] = (stuff);

      }
    };

    $scope.clicked = function(item){
      item['forApp'] = parseInt(item['forApp']).toFixed(0);
    };

    GetAPI.getCurrency().then(onCurrencyComplete);

  });


}());

HTML 文件:

$<ion-view title="companys" class="fullIon">
  <div class="list currencyList col-80 col-offset-10">
    <label class="item item-input item-floating-label" data-ng-repeat="item in currencyData" data-ng-click="clicked(item)">
      <input type="text" value="{{item.forApp}}" ng-model="item.forApp" ng-change="changeCurrency(item)"><p class="longNameText">{{item.longName}}</p>
    </label>
  </div>

</ion-view>

Answer 1

当我开始制作 ionic 应用程序时，我也有同样的经历。 尝试添加名为“cordova-plugin-whitelist”的cordova插件

cordova plugin add cordova-plugin-whitelist

一旦安装，它就会工作。