angular-routing

angular-routing.js

// in router
angular.module('app-name', [], function($routeProvider, $locationProvider, UserService) {
  
  $routeProvider.
    when('/user/:userName', {
      templateUrl: 'userShowPage',
      controller: UserController,
      resolve: { 
        //resolve functions here...
        loadedUser: UserController.resolve.loadUser
      }
    })

})


// Service
.factory('UserService', function($http) {
  
  return {
    loadUser: function(userName, successCallback, ) {
      $http.get("/api/users/" + userName + ".json")
    } 
  }
  
})

// in controller
function UserController($scope, $route, UserService) {
  // controller code
  $scope.user = $route.current.locals.loadedUser;
}

// Resolve Object:
UserController.resolve = {
  
  loadUser: function(UserService, $q, $route) {
    var deferred = $q.defer();
    UserService.loadUser($route.current.params.userName).then(function(data) {
      deferred.resolve(data.user)
    })
    return deferred.promise;
  }
  
}