Wstrzykiwanie rozwiązanej obietnicy do usługi

Question

Potrzebuję uzyskać pewne informacje (schemat) z serwera, zanim skonfiguruję pakiet usług zależnych od tych informacji.

Mój serwer udostępnia schemat definiujący różne właściwości modelu. W moim kątowej kodu, mam usługę, która dostaje ten schemat:

services.factory('schema', function($q, $http) { 
    var deferred = $q.defer(); 
     $http.get('schema/').then(function(response) { 
     schema = // some function of response.data 
     deferred.resolve(schema); 
    }, function() { 
     deferred.reject('There was a problem fetching the schema'); 
    }); 
     return deferred.promise; 
}); 

chciałbym wstrzyknąć obiektu schematu, a nie obietnicy, z innymi usługami, które zależą od schematu. $ RouteProvider pozwala nam robić to dla kontrolerów:

app.config(function($routeProvider) { 
    $routeProvider. 
     when('/', { 
      controller: 'SomeCtrl', 
      resolve: { 
       schema: 'schema' 
      }, 
      ... 
     }); 
}); 

a to pozwala mi określić SomeCtrl tak:

controllers.controller('SomeCtrl', function($scope, schema) { 
    // schema is an object 
    ... 
}); 

Ale za usługi, mam do zrobienia:

services.factory('SomeService', function(schema) { 
    // schema is a promise 
    schema.then(function(schema) { 
     ... 
    }); 
}); 

Czy w jaki sposób mogę to zrobić?

Answer 1

Dostajesz obietnicę, ponieważ twoja funkcja usługowa natychmiast ocenia jej ciało, gdy ją wywołujesz (w zależności od funkcji). Zwykle usługa powinna zwracać obiekt, aby konsument (inna usługa, kontroler, cokolwiek) mógł następnie wywoływać funkcje tego obiektu, gdy zajdzie taka potrzeba.

services.factory('schema', function($q, $http) { 
return { 
    get: function() { 
    var deferred = $q.defer(); 
    $http.get('schema/').then(function(response) { 
     schema = // some function of response.data 
     deferred.resolve(schema); 
    }, function() { 
     deferred.reject('There was a problem fetching the schema'); 
    }); 
    return deferred.promise; 
    } 
} 

});

Answer 2

Co chcesz, to odroczony bootstrap. Istnieje już wtyczka do tego napisana - https://github.com/philippd/angular-deferred-bootstrap.

tworzę przykład w plunkr - http://plnkr.co/edit/VfISHNULXRLe52NeAsn1?p=preview

* Musisz zastąpić istniejący NG-app z odroczonym bootstrap

fragment kodu -

angular.element(document).ready(function() { 
    deferredBootstrapper.bootstrap({ 
     element: document.body, 
     module: 'plunker', 
     resolve: { 
      schema: ['$http', 
       function($http) { 
        return $http.get('schema.json'); 
       } 
      ] 
     } 
    }); 
}); 

Następnie można użyć schematu w każdym razie w kontrolerze , usługi lub fabryka, podobnie jak przy ustalaniu trasy.

Przykładowy kod dla Fabryki

app.factory('SomeService', function(schema){ 
    return { 
     getTitle: function() { 
      return schema.title; 
     } 
    } 
});