Czy można poprawnie uzyskać żądanie otrzymania http dla ui.router w angularjs?

Question

Mam następujący kod (poniżej), działają one idealnie dla mnie i do co potrzebuję co najmniej. Ale jestem sceptycznie nastawiony do tego, mam wrażenie, że jest zbyt piękne, aby mogło być prawdziwe. Ponieważ zmagam się z asynchronicznym zachowaniem $http, bardzo mi pomogło wykorzystanie obiektu odpowiedzi z żądania $http globalnie na kontrolerze.

Po prostu chcę wiedzieć, czy jest to właściwy sposób, czy przynajmniej akceptowalny, czy też powinienem użyć standardowego sposobu używania numeru $http, aby uzyskać jak na AngularJS' Documentation, zanim przejdę do mojego projektu. Odpowiedzi bardzo mi pomogą. Dziękuję Ci.

$ stateProvider

$stateProvider 
    .state('test', { 
     url: '/test', 
     templateUrl: 'partial.template.html', 
     resolve : { 
      foo : function($http) { 
       return $http({ 
        method: 'GET', 
        url: '/api/something' 
       }); 
      }, 
      bar : function($http) { 
       return $http({ 
        method: 'GET', 
        url: '/api/something' 
       }); 
      }, 
     }, 
     controller: 'mainController', 
    }) 

kontroler

.controller('mainController',['$scope', 'foo', 'bar', function($scope, foo, bar){ 
    $scope.fooObj = foo; 
    $scope.barObj = bar; 
}]) 

Answer 1

myślę, że to jest prawdopodobnie najlepszym USECASE dla determinacji ui-routera.

W każdym razie wolałbym łączyć moje połączenie http w usługi i wywoływać te usługi w rozstrzygnięciu, zamiast bezpośrednio korzystać z http.

Może to wyglądać tak:

app.service('FooService',function($http){ 
    var service={}; 
    service.getFoo = function(){ 
     return $http({ 
       method: 'GET', 
       url: '/api/something' 
      }); 
    } 
    return service; 
}); 

Dzięki temu można wywołać tej metody na całym aplikacji (i scentralizować go w tym samym czasie).

W sterowniku:

app.controller('MyController', function($scope, FooService) { 
    $scope.controllerName = "MyController"; 
    FooService.getFoo().success(function(foo){ 
     $scope.foo = foo 
    }); 
}); 

W postanowieniu:

$stateProvider 
.state('test', { 
    url: '/test', 
    templateUrl: 'partial.template.html', 
    resolve : { 
     foo : function(FooService) { 
      return FooService.getFoo(); 
     }, 
    }, 
    controller: 'MyController', 
}) 

Idź z tym podejściem, jesteś na dobrej drodze.

Mam nadzieję, że pomogło.

EDYCJA: Zbudowano plunker, aby dodać konkretny przykład tych metod.