javascript - 服务中的 angularJS $stateParams

Question

我尝试在我的服务中的以下工厂内获取页面 post/:postId 上的 JSON 数据:

angular.module('sampleapp.services', [])
    .factory('DetailService', function($http) {
        return {
            getDetail: function(callback) {
                $http.get('https://example.com/posts/' + $stateParams.postId + '.json').success(callback);
            }
        };
    });

不幸的是，$stateParams 未定义。我究竟做错了什么？如果我对 URL 进行硬编码，它就可以工作。

我的路由:

.state('detail', {
    url: '/post/:postId',
    templateUrl: 'templates/detail.html',
    controller: 'DetailCtrl'
})

和我的 Controller :

.controller('DetailCtrl', function ($scope, DetailService) {
    DetailService.getDetail(function(data) {
        $scope.post = data;
    });
});

我的问题是:我如何访问工厂内的 URL 参数？

Answer 1

就像注入(inject) $http 服务一样，您也必须注入(inject) $stateParams 服务:

.factory('DetailService', function($http, $stateParams) {