将 ngRoute 'resolve' 参数与注入的承诺一起使用



我已经配置了几个路由的resolve参数来返回一个承诺,以便延迟控制器的实例化,直到承诺被解析。目前我正在使用函数表示法,而不是指定要注入的字符串。

例如:

.when('/article/:id', {
    templateUrl: 'app/article/article.html',
    controller: 'ArticleController',
    resolve: {
        article: ['Content', '$route', function (Content, $route) {
            return Content.get({ contentId: $route.current.params.id }).$promise;
        }]
    }
})

article参数正确注入了解析的承诺值。

但是,我想保持 DRY 并通过指定字符串来注入此值,如文档中所述。

当我设置一个工厂函数来提供这样的承诺时,实例只正确注入一次(第一次)。此后,使用相同的承诺,因为 AngularJS 注入服务已缓存实例。

.factory('contentPromise', ['Content', '$route', function (Content, $route) {
    return Content.get({ contentId: $route.current.params.id }).$promise;
}])

是否可以指定每次请求时都必须运行工厂函数?还是以其他方式实现我的目标?

你拥有的第一个例子是要走的路,我认为你可以像这样"干"一点:

.when('/article/:id', {
    ...
    resolve: {
        article: ['contentPromise', function (contentPromise) {
            return contentPromise();
        }]
    }
})

服务:

.factory('contentPromise', ['Content', '$route', function (Content, $route) {
    return function() {
        return Content.get({ contentId: $route.current.params.id }).$promise;
    };
}])