Question

我正在尝试获取Rest数组，然后将其显示在我的HTML上。我面临的问题是，在我的工厂中，我能够获得数组并显示它的内容，但不能在我的控制器中，我总是得到Undefined var。这是我的工厂

.factory('coursesService', function($resource) {
                var service = {};
                service.getAllCouses = function (){
                    var Courses = $resource("/myproject/rest/training/trainings");
                    var data = Courses.query().$promise.then(function(data)
                            {
                        service.data= data;
                        console.log("ligne 1: ", service.data[0].name);
                        console.log("ligne 1: ", service.data[0].creator);
                        console.log("ligne 2: ", data[1].name);
                        console.log("ligne 2: ", data[1].creator);
                        return service.data;
                            }); 
                }
                return service;
            })

和我的控制器

.controller("CoursesController",
            function CoursesController($scope, coursesService) {
                var courses = {};
                courses = coursesService.getAllCouses();
                console.log("courses: ", courses);
            })

结果我得到了这个：

courses:  undefined
ligne 1:  Angular
ligne 1:  Object {id: "1", username: "User1", email: "user1@gmail.com",    password: "password", userProfile: Object}
ligne 2:  JavaScript
ligne 2:  Object {id: "1", username: "User1", email: "user1@gmail.com", password: "password", userProfile: Object}

为什么我要上课：未定义？并且不应该在我在工厂中显示的列表之后显示？

Answer 1

您的undefined函数永远不会返回任何内容，因此调用它始终会生成then。查询承诺getAllCouses处理程序的回调会返回一些内容，但不会返回getAllCouses。

您需要让then返回承诺，然后在该承诺的Courses.query()处理程序中使用结果。你不能直接使用它的返回值，而不是.factory('coursesService', function($resource) { var service = {}; service.getAllCouses = function (){ var Courses = $resource("/myproject/rest/training/trainings"); var data = Courses.query().$promise.then(function(data) { service.data= data; console.log("ligne 1: ", service.data[0].name); console.log("ligne 1: ", service.data[0].creator); console.log("ligne 2: ", data[1].name); console.log("ligne 2: ", data[1].creator); return service.data; }); return data; // <=== Return the promise (`data` is a bit of a suspect name) }; return service; })是异步的（如果不是，为什么它会返回一个promise？）。

这看起来像这样：

.controller("CoursesController", function CoursesController($scope, coursesService) {
    coursesService.getAllCouses().then(function(courses) {   // <=== Use the promise
        console.log("courses: ", courses);                   // <===
    });                                                      // <===
})

然后：

{{1}}

......但我不是一个有角色的人。

Answer 2

getAllCouses（）不返回值，它只设置两个局部变量，即课程和数据。

Courses.query承诺仅在Web请求完成后才会解析，因此这些日志会延迟。

Answer 3

我通过更新我的服务和控制器修复了这个问题：

.factory('coursesService', function($resource) {
        return $resource("/myproject/rest/training/trainings", {
            query : {
                method : "GET",
                isArray : true
            }
        });
    });

我刚刚添加了

isArray : true

我更新了控制器

.controller(
            "CoursesController",
            function UserController($scope, coursesService) {
                coursesService.query(function(data) {
                    console.info("data: ", data)
                    console.log("1st course: ", data[0].name)
                    $scope.Courses = data; 
                });

Answer 4

我只是这样修理它：

.factory('coursesService', function($resource) {
        return $resource("/myproject/rest/training/trainings")
    })

和控制器：

.controller("coursesController", function($scope, coursesService) {
        coursesService.query(function(data) {
            $scope.Courses = data;
        });
    })

为什么我得到var undefined

4 个答案: