在配置中将解析器添加到角度 routeProvider

Question

我开始使用 angular 1.x 样板并遇到 1 个问题，我无法从服务发送到解析器承诺

function ExampleService($http) {
'ngInject';

const service = {};
let getTasks = ()=> {
    return $http.get('tasks');
};

service.isReady = new Promise((resolve, reject)=> {
    getTasks().then(
        (data) => {
            resolve(data);
        },
        (err, status) => {
            reject(err, status);
        });
});

return service;

}

导出默认{ 名称：“示例服务”， fn：示例服务 }; 但是当我尝试向 on_config.js 注入 ,y 服务时出现错误

未捕获的错误：[$injector:modulerr] 无法实例化模块应用程序，原因是： 错误：[$injector:unpr] 未知提供者：ExampleService

我的状态提供者

$stateProvider
    .state('Home', {
    url: '/',
    controller: 'ExampleCtrl as home',
    templateUrl: 'home.html',
    title: 'Home',
    resolve:{example:ExampleService.isReady}
    })

也许我做错了什么，或者您可以建议我如何在渲染第一个控制器之前执行逻辑以将一些数据预加载到应用程序

附：链接到bolerplate

Answer 1

服务不能注入配置块。它们需要注入解析器函数：

$stateProvider
    .state('Home', {
    url: '/',
    controller: 'ExampleCtrl as home',
    templateUrl: 'home.html',
    title: 'Home',
    resolve:{
       example: function (ExampleService) {
           return ExampleService.isReady();
       }
    })

另外isReady 需要是一个函数，而不是一个新的承诺：

service.isReady = () => {
    return getTasks().then(response => response.data);
}