title: how to have multiple $routeParams on angularjs
body: <p>I wanted to know how can i have multiple route params and if any of you guys might know a tutorial to it or the answer i would appreciate it so much at this point.</p>
  
  <p>here's what im working on <a href="http://jaysg.com/newApp/#/" rel="noreferrer">http://jaysg.com/newApp/#/</a></p>
  
  <p>I want it to be #/:region/:country/:city</p>
  
  <p>so this is the controller</p>
  
  <pre><code>angular.module('NoteWrangler').controller('NotesShowController', function ($scope, $routeParams, $http){
          $scope.title = $routeParams.title;
  
          $http.get('js/data/notes.json').success(function(data) {
  
            $scope.note = data.filter(function(entry){
              return entry.title === $scope.title;
            })[0];
  
          });
        });
  </code></pre>
  
  <p>routes.js</p>
  
  <pre><code>angular.module('NoteWrangler')
  .config(function($routeProvider){
  
      $routeProvider.when('/notes', {
          templateUrl: 'templates/pages/notes/index.html',
          controller: 'NotesIndexController',
          controllerAs: 'indexController'
      })
  
      .when('/users', {
          templateUrl: 'templates/pages/users/index.html',
      })
  
      .when('/', {
          templateUrl: 'templates/pages/notes/index.html',
           controller: 'NotesIndexController',
          controllerAs: 'indexController'
      })
      .when('/:countryName', {
              templateUrl: 'templates/pages/notes/country-detail.html',
              controller: 'CountryDetailCtrl'
            })
      .when('/notes/:title', {
          templateUrl: 'templates/pages/notes/show.html',
          controller: 'NotesShowController',
          controllerAs: 'showController'
  
      })
  
  
  
      .otherwise( { redirectTo: '/' } )
  
      ;
  
  
  
  });
  </code></pre>