在设置一组依赖于这些信息的服务之前,我需要从服务器获取一些信息(一个模式)。
我的服务器提供了一个模式,用于定义模型的各种属性。在我的angular代码中,我有一个获得以下模式的服务:
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;
});
我想将模式对象而不是promise注入到依赖于该模式的其他服务中$routeProvider让我们为控制器做这件事:
app.config(function($routeProvider) {
$routeProvider.
when('/', {
controller: 'SomeCtrl',
resolve: {
schema: 'schema'
},
...
});
});
这让我可以定义SomeCtrl如下:
controllers.controller('SomeCtrl', function($scope, schema) {
// schema is an object
...
});
但对于服务,我必须做:
services.factory('SomeService', function(schema) {
// schema is a promise
schema.then(function(schema) {
...
});
});
有什么办法我能做到这一点吗?
您想要的是延迟引导。已经有一个为此目的编写的插件-https://github.com/philippd/angular-deferred-bootstrap.
我在plunkr创建了一个示例-http://plnkr.co/edit/VfISHNULXRLe52NeAsn1?p=preview
*您必须用延迟引导替换现有的ng应用程序
代码段-
angular.element(document).ready(function() {
deferredBootstrapper.bootstrap({
element: document.body,
module: 'plunker',
resolve: {
schema: ['$http',
function($http) {
return $http.get('schema.json');
}
]
}
});
});
然后,您可以在控制器、服务或工厂中使用模式,就像路由解析一样。
工厂的示例代码
app.factory('SomeService', function(schema){
return {
getTitle: function() {
return schema.title;
}
}
});
您得到了一个promise,因为您的服务函数在调用它时会立即评估它的主体(就像函数一样)。通常,一个服务应该返回一个对象,这样消费者(另一个服务、控制器等)就可以在需要时调用该对象上的函数
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;
}
}
});