AngularJS Initialize provider data

Question

I have code:

angular.module('admin', [])
.provider('users', function () {
  this.users = 'default';
  this.$get = function () {
    var that = this;
    return {
        getUsers: function () {
            return that.users;
        }
    }
};
})
.run(function (users, $http) {
  users.users = $http('url'); // and others
})
.controller('test', function ($scope, users) {
    $scope.users = users.getUsers();
});

I would like to intitalize data in .run() method (I can't use .config() method because it doesn't let to pass any services like $http). I found .run() method, but this code doesn't work... Data aren't saved in provider. Official documentation says:

"Execute this function after injector creation. Useful for application initialization."

I think it's best way to initialize data.

Pankaj Parkar · Accepted Answer · 2016-03-15 16:59:46Z

1

You may want to use an Angular Factory/Service for this kind of need. That is what I do. And pass that into the application. That service will be your singleton or source of truth about the dat.

angular.module('myData.services', [])
  .factory('myData', ['$rootScope', '$http' , function($rootScope,$http) {

            var factory = {
                myData : {}
            };
    
            $http('/api/call', function(apiData) {
              factory.myData = apiData;
            });

            return factory;
        }]);

You could then use this in your controllers:

angular.module('myApp.controllers', [])
    .controller('myCtrl', ['myData', '$scope', function(myData, $scope){
        $scope.users = myData;
    }]);

Check out the documentation on services: https://docs.angularjs.org/guide/services

edited Mar 15, 2016 at 16:59

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

answered Mar 15, 2016 at 16:44

TyMayn

1,9362 gold badges18 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Mati Over a year ago

I know this solution. I thought that provider is the best solution, because it has a config() and run() methods, which should be good for initializing data.

TyMayn Over a year ago

Well the service initializes itself and you can keep all of the code in one place instead of having to manage that initialization somewhere else.

Willwsharp Over a year ago

@TyMayn Are services that initialize themselves not bad?

Mati · Accepted Answer · 2016-03-15 17:03:42Z

0

Second attempt

angular.module('admin', [])
.factory('users', function ($http) {
  var users = {};
  var data = [];

  $http.get('database.php')
    .then(function (response) {
        data = response.data;
    });

  users.getData = function () {
  return data;
  };

  return users;
})
.controller('test', function ($scope, users) {
  console.log(users.getData());
});

I would like to have data private. Empty Array returned, reponse comes with all data.

answered Mar 15, 2016 at 17:03

Mati

7814 silver badges20 bronze badges

Comments

Pankaj Parkar · Accepted Answer · 2016-03-15 17:37:38Z

0

Provider configuration can be doable inside config block only, you can't do that inside run block

Though I don't find a reason to load users object while configuring app. I'd say that you should use either service/factory for this.

Code

angular.module('admin', [])
.service('users', function($http, $q) {
  var users = [];
  //make an get call to fetch users
  function getUsers() {
    return $http.get('database.php')
      .then(function(response) {
      data = response.data;
    });
  }

  //will make a call if users aren't there
  this.getData = function() {
    // Handled below two conditions
    // 1. If users aren't fetched the do an Ajax
    // 2. If last ajax doesn't return a data then DO it again..
    if (users.length > 0)
      return $q.resolve(data); //do return data using dummy promise
    return getUsers();
  };
  return users;
})

.controller('test', function($scope, users) {
   users.getData().then(function(data){
      console.log(data);
   });
});

edited Mar 15, 2016 at 17:37

answered Mar 15, 2016 at 16:51

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

4 Comments

Mati Over a year ago

But in the config method i can't use any services like $http.

Pankaj Parkar Over a year ago

@Gary you can't have access to $http method while having $httpProvider object.. because they belongs to $get, and it doesn't instantiated yet..

Pankaj Parkar Over a year ago

@Mati hhonestly speaking, I don't see advantage on having users available in configuration time..

Mati Over a year ago

I want to have users loaded once. I thought that provider would be good option but if not i would like to have better way.

Collectives™ on Stack Overflow

AngularJS Initialize provider data

3 Answers 3

3 Comments

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related