Question

我知道这很容易，但我无法完全理解如何做到这一点。

我需要在服务中进行API调用，以便可以在两个独立的控制器之间访问这些变量。

我遇到的问题是我无法在服务中访问$ routeParams（我需要获取）。我无法弄清楚如何将$ routeParams从控制器传递到服务。

    app.controller('Main', ['$scope', 'Page', '$routeParams', '$http', function($scope, Page, $routeParams, $http) {
    $scope.Page = Page;
}]);

app.controller('Pages', ['$scope', 'Page', '$routeParams', '$http', function($scope, Page, $routeParams, $http) {
    $scope.Page = Page.posts;
}]);

app.factory('Page', ['$routeParams', '$http', function($routeParams, $http) {
    var posts = function posts() {
        $http.get('wp-json/wp/v2/pages/?filter[name]='+ $routeParams.slug).success(function(res){
            console.log(JSON.stringify(res) );
        }); 
    };
            var description = '';
            var title = '';
            return {
                title: function () { return title; },
                setTitle: function (newTitle) { title = newTitle; },
                description: function () { return description; },
                setDescription: function (newDescription) { description = newDescription; },
                posts
        }; 
}]);

Answer 1

工厂：

app.factory('Page', ['$http', function($http) {
        var _posts = function posts(param) {
          return  $http.get('wp-json/wp/v2/pages/?filter[name]='+ param);
        };
                var description = '';
                var title = '';
                return {
                    title: function () { return title; },
                    setTitle: function (newTitle) { title = newTitle; },
                    description: function () { return description; },
                    setDescription: function (newDescription) { description = newDescription; },
                    posts : _posts
            }; 
    }]);

控制器：

app.controller('Pages', ['$scope', 'Page', '$routeParams', '$http', function($scope, Page, $routeParams, $http) {
    Page.posts($routeParams.slug).then(function success(response) {
       $scope.Page = response.data;
}, function error(reason) {
// do something
});
}]);

请注意，在较新版本的Angular中不推荐使用success。我已使用then

更新了代码

AngularJS：$ routeParams在服务中工作

1 个答案: