AngularJS Routing

If you want to navigate to different pages in your application, but you also want the application to be a SPA (Single Page Application),
with no page reloading, you can use the ngRoute module.

Applications can only have one ng-view directive, and this will be the placeholder for all views provided by the route.

<div ng-view></div>

With the $routeProvider you can define what page to display when a user clicks a link.

var app = angular.module("myApp", ["ngRoute"]);
app.config(function($routeProvider) {
  $routeProvider
  .when("/", {
    templateUrl : "main.htm"
  })
  .when("/london", {
    templateUrl : "london.htm"
  })
  .when("/paris", {
    templateUrl : "paris.htm"
  });
});