在app.config中注入服务

Question

我想将服务注入app.config，以便可以在调用控制器之前检索数据。我这样尝试过：

服务：

app.service('dbService', function() {
    return {
        getData: function($q, $http) {
            var defer = $q.defer();
            $http.get('db.php/score/getData').success(function(data) {
                defer.resolve(data);            
            });
            return defer.promise;
        }
    };
});

配置：

app.config(function ($routeProvider, dbService) {
    $routeProvider
        .when('/',
        {
            templateUrl: "partials/editor.html",
            controller: "AppCtrl",
            resolve: {
                data: dbService.getData(),
            }
        })
});

但是我得到这个错误：

错误：未知提供程序：EditorApp的dbService

如何更正设置并注入此服务？

Answer 1

Alex提供了无法执行您要尝试执行的操作的正确原因，因此+1。但是您遇到此问题是因为您没有完全使用解决方案的设计方式。

resolve接受服务或函数的字符串，返回要注入的值。由于您要执行后者，因此需要传递一个实际函数：

resolve: {
  data: function (dbService) {
    return dbService.getData();
  }
}

当框架解析时data，它将注入dbService函数，以便您可以自由使用它。您完全不需要注入config模块即可完成此操作。

祝您好胃口！