jquery - 如何在angularjs中从工厂调用ajax？

Question

我试图从工厂调用 ajax，但它没有返回任何东西。我的代码如下

var msfaWebPortal = angular.module('MsfaWebPortal', [])
       .factory('personFactory', function () {
           var factory = {};

           var people = [];

           $.ajax({
               url: '@Url.Action("GetPerson","Home")',
               success: function (data) {
                   people = data;
               }
           });

           factory.getPerson = function () {
               return people;
           };
           return factory;
       })
    .controller('PersonCtrl', function ($scope, personFactory) {
        $scope.friends = personFactory.getPerson();
        $scope.predicate = '-age';
    });

我错过了什么吗？或者我该怎么做？请帮帮我。

Answer 1

您应该使用 Angulars 的 $http 进行这些调用。

IE。

var app = angular.module('myApp', []).config(/* config stuff */ );
app.PersonFactory = angular.factory('PersonResource', function($http) {
  /* your code here */
  /* when you want to make Ajax calls, use $http */
  $http.get('/some/url/to/persons')
     .success(function (response) {...})
     .error(function(err){...});
  /* keep going */
});

此外，如果您的 Persons 资源是 RESTful 的，您可以只使用 $resource，即。

var app = angular.module('myApp', []).... /* setup app */
app.personsFactory = angular.factory('personsFactory', function($resource) {
  var persons = $resource('/api/persons/:id', {id: '@id'});
  return persons;
});

这样 Angular 就会知道在您的 /api/persons 网址上它可以获取人员，它可以发布一个新人，它可以为一个人更新并删除一个人。