错误：[$injector:unpr] 未知提供者：$scopeProvider <- $scope <- Pages

Question

我一直在努力将分页包含在 angular 中并遇到此错误 Error: [$injector:unpr] Unknown provider: $scopeProvider

是否可以在 Pages.js 的 Controllers.js 中引用对我的 API 的 $http 调用？

Pages.js

angular.module('pages', []);

defaultPage.factory('Pages', function ($http, $scope) {
    return {
        getPage: function (pageNum) {
            $http.get('https://api.github.com/repos/npm/npm/issues', {
                headers: {
                    'Content-type': 'application/json'
                }
            }).success(function (data) {
                $scope.ctrl.info + pageNum;
            });
        }
    }
});

Controllers.js

/defaultPage = angular.module('DefaultPage', ['ngAnimate', 'ui.bootstrap']);/

// 为默认页面和依赖项声明我的 DefaultController

defaultPage.controller('DefaultController', ['$scope', '$http', 'Pages', function ($scope, $http, Pages) { $scope.data = {};

var url = 'https://api.github.com/repos/npm/npm/issues';

$http.get(url, {
    headers: {
        'Content-type': 'application/json'
    }
}).success(function (data) {
    $scope.ctrl.info = data;

    $scope.currentPage = 0;
    $scope.pageSize = 10;

    $scope.numberOfPages = function () {
        return 25;
    };

    $scope.data = Pages.getPage($scope.currentPage);
    $scope.getPage = function (pageNum) {
        $scope.data = Pages.getPage(pageNum);
    }

});

}]); //defaultPage ctrl end

// 为我的问题页面和参数声明我的 IssuesController

defaultPage.controller('IssuesController', ['$scope', '$http', '$routeParams', function ($scope, $http, $routeParams) { $http.get('https://api.github.com/repos/npm/npm/issues') .success（函数（数据）{ $scope.ctrl = 数据； $scope.whichIssue = $routeParams.issueId;

        //Issue page previous issue button 
        if ($routeParams.issueId > 0) {
            $scope.prevIssue = Number($routeParams.issueId) - 1;
        } else {
            $scope.prevIssue = $scope.ctrl.length - 1;
        }

        //Issue page next issue button
        if ($routeParams.issueId < $scope.ctrl.length - 1) {
            $scope.nextIssue = Number($routeParams.issueId) + 1;
        } else {
            $scope.nextIssue = 0;
        }
    });

}]); //结束

apps.js

var defaultPage = angular.module('GithubIssues', [
     'ngRoute',
     /*'DefaultPage',*/
     'pages'

 ]);

 defaultPage.config(['$routeProvider', function ($routeProvider) {
     $routeProvider.
     when('/default', {
         templateUrl: 'partials/default.html',
         controller: 'DefaultController'
     }).
     when('/issues/:issueId', {
         templateUrl: 'partials/issues.html',
         controller: 'IssuesController'
     }).
     otherwise({
         redirectTo: '/default'
     });
}]);

filters.js

// filter for pages pagination
defaultPage.filter('startFrom', function () {
    return function (input, start) {
        start = +start;
        return input.slice(start);
    }
});

Answer 1

$scope 在工厂或服务中不可用，仅在控制器中可用

即使是，$scope.ctrl.info + pageNum; 也是无效的声明。

返回$http 返回的请求承诺，并在then() 回调中更新控制器本身的范围

getPage: function (pageNum) {
        return    $http(.....