如何在angularjs中从工厂调用ajax?

时间:2013-08-23 10:35:13

标签: jquery ajax angularjs

我试图从工厂打电话给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';
    });

我错过了什么吗?或者我该怎么办?请帮帮我。

1 个答案:

答案 0 :(得分:2)

你应该使用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 / people url它可以获取人,它可以发布一个新人,它可以为一个人提供更新并删除一个人。