/*!
** ngRouter App
** Licensed under the Apache License v2.0
** http://www.apache.org/licenses/LICENSE-2.0
** Built by Jay Kanakiya ( @techiejayk )
**/
"use strict";
var App = angular.module("example",["ngRoute"]);
App.config(function ($routeProvider) {
$routeProvider
.when('/:countryName/:categoryName', {
templateUrl: 'view.html'
})
.otherwise({
templateUrl : "hello3.html"
});
});
App.controller("ExmpCtrl",function ($scope,$routeParams) {
$scope.parameters = $routeParams;
$scope.parametersCountry = $routeParams.countryName;
});
<!doctype html>
<html ng-app="example">
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular-animate.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular-route.min.js"></script>
<script type="text/javascript" src="script.js"></script>
<script type="text/javascript">
//this is here to make plunkr work with AngularJS routing
angular.element(document.getElementsByTagName('head')).append(angular.element('<base href="' + window.location.pathname + '" />'));
</script>
</head>
<body>
<div ng-controller="ExmpCtrl">
<div class="row" ng-controller="ExmpCtrl">
<p><a href="#/Japan/Food">Click me to set $location.path() to '/Japan/Food'</a></p>
</div>
<div ng-view></div>
</div>
</body>
</html>
Displaying contents of $routeParams object
<p>$routeParams: {{parameters}}</p>
<p>$routeParams.countryName: {{parametersCountry}}</p>