CODEWITHSUNDEEP
javascriptjqueryajaxangularjs
user3704920
user3704920

Reputation: 615

Modify $scope from a Factory/Service in AngularJS

Can someone crate an example of how I could set a $scope variable from a outside the controller using a factory or service that uses AJAX?

Every time I have tried the AJAX variable returns undefined because the request has not returned yet, so $scope.var is undefined. After the AJAX request returns, $scope.var is still undefined even if I call the service from the Controller. Please help.

Upvotes: 1

Views: 1150

Answers (1)

sylwester
sylwester

Reputation: 16498

Please see demo here 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;
  })
});

Upvotes: 1

Related Questions