如何将$ stateParams从ui-router传递给service in service?

Ole*_*ann 7 javascript dependency-injection angularjs angularjs-service angular-ui-router

我有一个路由来检索单个帖子和一个服务来查询我的API这样做.但我需要将参数从URL传递给服务,以便我可以正确调用API.我无法理解如何做到这一点.

这是我到目前为止所提出的.我遗漏了与此问题无关的内容.

谢谢你的帮助!

路由

myModule.config([
  '$stateProvider',
  '$urlRouterProvider',
  '$locationProvider',
  function($stateProvider, $urlRouterProvider, $locationProvider) {

    $stateProvider
      .state('post', {
        url: '/posts/:hash_id/:slug',
        templateUrl: '/js/app/views/post.html',
        controller: 'PostCtrl',
        resolve: {
          postPromise: ['posts', function(posts, $stateParams){
            //returns undefined
            console.log($stateParams);
            return posts.getOne($stateParams);
          }]
        }
      })
// etc
Run Code Online (Sandbox Code Playgroud)

服务

myModule.factory('posts', ['$http', 'auth', function($http, auth){
  var o = {
    posts: [],
    post: {}
  };
  o.getOne = function(params) {
    // Returns undefined
    console.log(params);
    return $http.get('/api/v1/posts/' + params.hash_id).success(function(data){
      angular.copy(data, o.post);
    });
  };
  return o;
}])
Run Code Online (Sandbox Code Playgroud)

Pan*_*kar 11

您错过了$stateParamspostPromise解决方案中添加依赖项

postPromise: ['posts', '$stateParams', function(posts, $stateParams){
Run Code Online (Sandbox Code Playgroud)