Resolve after .success?

Question

Angular

Good time of the day.
Please tell me how to load the controller only after the response comes from the server.
Our App.js

...
$routeProvider.when('/', {
      templateUrl: 'views/home.html',
      controller: 'HomePageCtrl',
         resolve: // что необходимо вставить?
...

Our controller

angular.module('someApp').controller('HomePageCtrl', ['$scope', '$http', function($scope, $http){
  $http.get("/data").success(function(data){
                       $scope.data = data;
        });
}]);

Answer 1

The resolver must receive a Promise object.
For example:

resolve: {
    data: ['loader', function(loader) {
        // метод, выполняющий запрос к серверу
        return loader.load();
    }],
}

UPD:

...
$routeProvider.when('/', {
      templateUrl: 'views/home.html',
      controller: 'HomePageCtrl',
         resolve: 
         	{
         		loadedContent: ['$http', function($http) {
         			return $http.get('/data');
         		}],
         	}
...

Now we simply inject loadedContent into the controller, and Angular will pass there what the Promise returns to us.

angular.module('someApp').controller('HomePageCtrl', ['$scope', 'loadedContent', function($scope, loadedContent){
  $scope.data = loadedContent;
}]);