Question

我在服务中获取数据但我收到的数据为 Undefined 。我的AngularJS服务返回数据但我收到未定义。

我的服务代码：

myApp.service("studentinfo", function ($http) {
  var studentlist = [];

  this.GetStudentList = function () {

    $.getJSON("/Home/GetStudentsList", function (data) {
      if (data.Result == "OK") {
        studentlist = data.Data;
      }
      else {
        studentlist = [];
      }
    }).complete(function() {
      return studentlist;
    });
  };
});

我的控制器代码：

myApp.controller("studentcontroller", function ($scope, $http, studentinfo) {
  $scope.StudentList = [];

  function LoadStudentRecord(){
    $scope.StudentList = studentinfo.GetStudentList();
  }

  LoadStudentRecord();
});

Answer 1

如上所述，你在这里混合了几件事：

您似乎正在使用jQuery（$.getJSON） - 我建议您尝试使用Angular $http（顺便注入它）。因此，请尝试使用$ http.GET（https://docs.angularjs.org/api/ng/service/ $ http）。
请记住，这会返回一个承诺。您可能希望从服务中返回一个承诺，以便您可以在控制器中决定如何在发生故障时进行处理。
我建议使用不同的方式来实例化您的服务和控制器，请参阅下面的示例。这允许您稍后缩小代码。

代码：

var app = angular.module('myapp', []);
app.service('studentservice', ['$http', function ($http) {
    getStudentList = function () {
        return $http.get('/Home/GetStudentsList');
    };
    return {
        getStudentList: getStudentList
    }
}]);

app.controller('studentcontroller', ['$scope', 'studentservice', function ($scope, studentservice) {
    $scope.StudentList = [];

    function LoadStudentRecord() {
        $scope.StudentList = studentservice.getStudentList()
            .success(function (data, status, headers, config) {
                 $scope.StudentList = data;
        })
            .error(function (data, status, headers, config) {
                 console.log(data)
        });
    }
    LoadStudentRecord();
}]);

Answer 2

我看到你注入$ http但你没有使用它。用$ http替换jQuery方法。 $ http将返回一个promise并且在控制器中你可以使用任何promise方法更新你的模型（然后，catch，最后）

Answer 3

function studentFunction ($http) {
  var studentlist = [];
  this.GetStudentList = function () {
     return $http.get("/Home/GetStudentsList");
  };

}

myApp.service("studentinfo",  studentFunction);
myApp.controller("studentcontroller", function ($scope, studentinfo) {

  $scope.StudentList = [];

  function LoadStudentRecord(){
    studentinfo.GetStudentList().then(function (respoonse) {
    $scope.StudentList = respoonse;
  });
}

LoadStudentRecord();

}）;

服务看起来应该是这样的。您可以在控制器中使用promise。

AngularJS服务延迟发送数据

3 个答案: