Warum funktioniert die $ http-Anfrage in dieser Cordova-Anwendung nicht?

Question

Ich versuche, die Daten in den Code zu meiner Anwendung zu bringen, hier ist die Fabrik.

angular.module('starter.services', []) 

    .factory('Locations', function ($http, $q) { 
     // Might use a resource here that returns a JSON array 
      var url = "https://portal.mobilequbes.com/api/kiosks?callback=JSON_CALLBACK"; 
      var locations = function() { 
       $http.jsonp(url) 
        .then(function (result) { 
         return result.data; 
        }); 
      }; 

     return { 
      all: function() { 
       return locations; 
      }, 
      get: function (locId) { 
       for (i = 0; i < locations.length;i++){ 
        if (locations[i].friendlyName == parseInt(locId)) { 
         return locations[i]; 
        } 
       } 
      } 
     } 
    }); 

und mein Controller:

.controller('MapCtrl', function ($scope, $http, Locations) { 
    $scope.locations = Locations.all(); 
    $scope.createMarks = function() { 
     createList(Locations.all()); 
    } 
}) 

Wenn es lädt, lädt es einfach nichts oder zwei Objekte, die wie folgt aussehen: ‚‘

Ich bin nicht sicher, warum, weil ich kann nicht scheinen zu erkennen irgendwelche Probleme und ich fühle mich, als hätte ich das zu Tode gelesen. Ich habe die Return-Funktion mit jsFiddle getestet und es hat gut funktioniert, so dass es etwas mit ionic/cordova zu tun hat, bin ich mir ziemlich sicher.

Answer 1

In Ihrem Werk tun,

angular.module('starter.services', []) 

.factory('Locations', function ($http, $q) { 
    // Might use a resource here that returns a JSON array 
     var url = "https://portal.mobilequbes.com/api/kiosks?callback=JSON_CALLBACK"; 
     var locations = []; //storing locations for future usage 

    return { 
     all: function() { 
      return $http.jsonp(url) 
       .then(function (result) { 
        locations = result.data; 
        return result.data; 
       }); 
     }, 
     get: function (locId) { 
      for (i = 0; i < locations.length;i++){ 
       if (locations[i].friendlyName == parseInt(locId)) { 
        return locations[i]; 
       } 
      } 
     } 
    } 
}); 

Und in Ihrem Controller

.controller('MapCtrl', function ($scope, $http, Locations) { 
    Locations.all().then(function (locations) { 
     $scope.locations = locations; 
    }); 
    $scope.createMarks = function() { 
     createList(Locations.all()); 
    } 
}) 

Nun ist der Locations.all() -Methode ein Versprechen zurückkehrt, die zu Ergebnis lösen werden .data in Ihrem Controller und Sie können auf Standorte zugreifen.

Bisher haben Sie nichts zurückgegeben, daher war $ scope.locations nicht definiert.