Question

有人可以创建一个示例，说明如何使用使用AJAX的工厂或服务从控制器外部设置$ scope变量吗？

每次尝试AJAX变量都会返回undefined，因为请求尚未返回，因此$scope.var未定义。 AJAX请求返回后，即使我从Controller调用服务，$scope.var仍未定义。请帮忙。

Answer 1

请在此处查看演示http://plnkr.co/edit/JcRY8uHRYaHH33UTH7Bt?p=preview

var app = angular.module("myapp", []);

app.service("dataService", function($http, $q) {

  var data = [];

  function getData() {

    var deffered = $q.defer();
    var request = {
      url: 'data.json',
      method: 'GET'
    };
    $http(request).then(sucess, error);

    function sucess(response) {
      deffered.resolve(response.data);
    }
    function error() {
      deffered.reject();
    }

    return deffered.promise;

  }


  return {
    data: data,
    getData: getData
  }

})
app.controller('MyControl', function($scope, dataService) {

  $scope.data = [];
  dataService.getData().then(function(response) {

    $scope.data = response;
  })
});

从AngularJS中的工厂/服务修改$ scope

1 个答案: