AngularJS: Durchführen der $http-Anfrage im Kunden-service, und Rückgabe von Daten

Ich habe ein benutzerdefiniertes http-service in Winkel, die wie folgt aussieht:

angular.module('myApp')
  .factory('myhttpserv', function ($http) {

  var url = "http://my.ip.address/"

  var http = {
      async: function (webService) {
          var promise = $http.get(url + webService, { cache: true }).then(function (response) {
            return response.data;
        });
          return promise;
       }
  };
  return http;
});

Und ich kann Zugang zu diesem Dienst in meinem controller etwa so: 

angular.module('myApp')
  .controller('myCtrl', function (myhttpserv) {

  var webService = 'getUser?u=3'

  myhttpserv.async(webService).then(function (data) {
      console.log(data);
  })

});

Allerdings habe ich nun brauchen, um diesen Prozess zu rationalisieren, so dass Sie sich innerhalb der service mit einer statischen url und es gibt einfach die Daten. So kann ich nur rufen Sie es in der Steuerung wie folgt: 

 angular.module('myApp')
  .controller('myCtrl', function ($scope, myhttpserv) {

      console.log(myhttpserv.var1);
      console.log(myhttpserv.var2);
      etc...

});

Ich kann nicht scheinen, um zu optimieren, den service zu bekommen, diese Funktionalität. Wer weiß den richtigen Weg, es zu tun?

InformationsquelleAutor AzzyDude | 2014-06-09
  1. 16

    Option 1 - Verwenden Sie ein Versprechen API

    angular.module('myApp').factory('myhttpserv', function ($http) {
  return $http.get('http://my.ip.address/getUser?u=3', { cache: true });
});

    Controller:

    angular.module('myApp').controller('myCtrl', function ($scope, myhttpserv) {
     myhttpserv.then(function(response){
         console.log(response.data);
     });     
});

    Option 2 - Mit route lösen

    angular.module('myApp', ['ngRoute']).config(['$routeProvider',
  function($routeProvider) {
    $routeProvider.
      when('/myCtrl', {
        templateUrl: 'myView.html',
        controller: 'myCtrl',
        resolve: {
        load: function (myhttpserv) {
            return myhttpserv;
        }
      });
  }]);

    Service:

    angular.module('myApp').factory('myhttpserv', function ($http) {
      var data = {};
      var url = "http://my.ip.address/";
      var promise = $http.get(url + 'getUser?u=3', { cache: true }).then(function (response) {
                data = response.data;
            });
      return data;
    });

    Controller:

     angular.module('myApp')
  .controller('myCtrl', function ($scope, myhttpserv) {

      console.log(myhttpserv.data.var1);
      console.log(myhttpserv.data.var1);
      etc...

});

    Option 3 - Verwenden Sie $Intervall-service

    angular.module('myApp').factory('myhttpserv', function ($http) {
  var data = {};
  var url = "http://my.ip.address/";
  var promise = $http.get(url + 'getUser?u=3', { cache: true }).then(function (response) {
            data = response.data;
        });
  return data;
});

    Controller:

    angular.module('myApp').controller('myCtrl', function ($scope, $interval, myhttpserv) {
      $scope.intervalPromise = $interval(function(){
          if (Object.keys(myhttpserv.data).length!=0)
          {
              console.log(myhttpserv.data);
              $interval.cancel($scope.intervalPromise);
          }
      }, 100);    
});
    • Ich kann also nicht einfach den Dienst ein Objekt wieder, wenn der http-Aufruf beendet ist und Zugriff auf dieses Objekt von meinem controller in einer Zeile?
    • Müssen Sie verwenden Versprechen.dann, oder verwenden Sie ein Intervall für die, die da wissen wir nicht, wenn der ajax-Aufruf zurück. Wenn Sie Winkel-router können Sie auch konfigurieren Sie die routing-geschehen und Ihre Steuerung zu laden nur, wenn angegeben verspricht (ajax-requests) werden aufgelöst
    • Ist es möglich zu integrieren " Versprechen.dann' in deine Antwort so, dass die controller nur geladen, wenn die Anfrage geklärt ist?
    • Bitte bewerten/mark als Antwort, wenn es Ihre Frage beantwortet
    • Danke für Eure Hilfe! Sehr prägnant!
    InformationsquelleAutor Robin Rizvi
Schreibe einen Kommentar