AngularJs Routing

May 14, 2015

Simple example about routing and vars through the url.

app.js

Check the .when(‘/added-user/:user/:city’

//app.js
angular.modlule('routerApp',['ngRoute'])
    .config(['$routeProvider','$locationProvider',function($routeProvider,$locationProvider){
        $routeProvider
            .when('/',{
                templateUrl: 'views/main.html',
                controller: 'MainCtrl'
            })
            .when('/user',{
                templateUrl: 'views/user.html',
                controller: 'UserCtrl'
            })
            .when('/added-user/:user/:city',{
                templateUrl: 'views/added-user.html',
                controller: 'AddedUserCtrl'
            });
    }]);

controllers.js

Pay attention to the $routeParams

//controllers.js
angular.module('routerApp',[])
    .controller('AddedUserCtrl',['$scope','$routeParams', function($scope,$routeParams){
        
        $scope.name = $routeParams.name;
        $scope.city = $routeParams.city;

    }]);

added-user.html

//added-user.html
<div>User: </div>
<div>City: </div>