Code
angularjs
angular.module('routingApp', ['ngRoute'])
.config(function($routeProvider, $locationProvider) {
$routeProvider
.when('/', {
templateUrl: 'views/home.html',
controller: 'HomeController',
controllerAs: 'vm'
})
.when('/user/:id', {
templateUrl: 'views/user.html',
controller: 'UserController',
controllerAs: 'vm',
resolve: {
user: function($route, UserService) {
return UserService.get($route.current.params.id);
}
}
})
.otherwise({ redirectTo: '/' });
$locationProvider.html5Mode(true);
})
.controller('UserController', function(user) {
this.user = user; // injected from resolve
});
<!-- Layout: <div ng-view></div> -->
<!-- Requires: angular-route.js -->