在 $stateChangeStart 上将 resolve 注入 toParams

Question

我有一个配置文件，其中包含如下所示的状态：

$stateProvider.state('home', {
    url: '?data',
    abstract: true,
    resolve: {
        data: ['MyModel', '$stateParams', function (MyModel, $stateParams) {
            return MyModel.getData($stateParams);
        }]
    }
});

然后是一个看起来像这样的模块文件：

App.module.run(['$rootScope', '$state', function ($rootScope, $state) {
    $rootScope.$on('$stateChangeStart', function (event, toState, toParams) {

toParams 将返回 object{data:undefined}。我知道解析有效并且应该有数据。如何正确地将解析从我的状态传递到 $stateChangeStart 然后访问它？

我尝试将我的数据解析手动注入我的模块文件，但它返回未定义。我已经尝试设置params 属性，看看这是否可行：

resolve: {
        data: ['MyModel', '$stateParams', function (MyModel, $stateParams) {
            return MyModel.getData($stateParams);
        }]
    },
params: { 
    'foo':'bar', // this would be available in toParams 
    'data': //can i put my data here? 
}

Answer 1

您应该能够简单地将MyModel 注入到您的运行函数中，并以您在解析过程中读取它的方式读取它。示例运行函数 （假设您的 getData 函数返回一个承诺）：

App.module.run(function($rootScope, MyModel) {
    $rootScope.$on('$stateChangeStart', function (event, toState, toParams) {
        // get the same data your resolve is using (you can also pass in toParams or the like)
        MyModel.getData(toParams).then(function(data){
            // do something with your data here inside $stateChangeStart
        });
    });
});

这就是注入的伟大之处，您只需在需要时注入一些东西。