ui 路由器解析结果数据未注入控制器

Question

在我的 SchoolyearController 中，参数 schoolyears 未定义。

如何在 schoolyearService 中检索我的学年对象并将结果注入 SchoolyearController？

服务

'use strict';
angular.module('schoolyear').service('schoolyearService', function ($http) {

    return {
        getSchoolyears: function () {            
            var path = 'scripts/model/schoolyears.json';
            $http.get(path).then(function (response) {
                return response.data.schoolyears;  // The schoolyears here are the 6 expected JS objects in an array, so far so good but how do I get those objects into the SchoolyearController as parameter ?
            });
        }
    };
});

UI-ROUTER

resolve: {
    schoolyearService: ['schoolyearService',
        function (schoolyearService) {
            return schoolyearService.getSchoolyears();
        }]
},

控制器

'use strict';
angular.module('schoolyear').controller('SchoolyearController', function ($scope, schoolyears) {

    $scope.schoolyears = schoolyears; // I do not want to do a $http request here I just want to get passed the data here !!!
});

更新

resolved 属性中的学年仍然未定义，为什么？

工厂

'use strict';
angular.module('schoolyearModule').factory('schoolyearFactory', function ($http) {

    return {
        getSchoolyears: function () {
            var path = 'scripts/model/schoolyears.json';
            $http.get(path).then(function (response) {
                return response.data.schoolyears;  // The schoolyears here are the 6 expected JS objects in an array
            });
        }
    };
});

UI-ROUTER

resolve: {
    schoolyears: function(schoolyearFactory) {
        var schoolyears = schoolyearFactory.getSchoolyears();
        return schoolyears;
    }

},

控制器

'use strict';
angular.module('schoolyearModule').controller('ProjectsController', function ($scope, schoolyears) {

    $scope.schoolyears = schoolyears; // I do not want to do a $http request here I just want to get passed the data here !!!
});

Answer 1

您的解析值被命名为schoolyearService（因此与具有相同名称的服务发生冲突）：

resolve: {
    schoolyearService: ...

但您尝试使用名称schoolyears 注入它：

angular.module('schoolyear').controller('SchoolyearController', 
    function ($scope, schoolyears) {

在任何地方都使用相同的名称 (schoolyears)：

resolve: {
    schoolyears: ...

另外，你应该使用 factory() 方法来定义你的服务，而不是servoce() 方法。 service() 方法将构造函数作为参数，而不是返回作为实际服务实例的对象的函数。

编辑：

此外，您不会从 getSchoolyears() 服务方法返回任何内容。所以undefined 被返回。你需要的是：

    getSchoolyears: function () {
        var path = 'scripts/model/schoolyears.json';
        return $http.get(path).then(function (response) {
            return response.data.schoolyears;
        });
    }