refer the below links... http://stackoverflow.com/questions/25426271/angularjs-navigationhttps://weblogs.asp.net/dwahlin/cancelling-route-navigation-in-angularjs-controllers basics of .js---https://weblogs.asp.net/dwahlin/video-tutorial-angularjs-fundamentals-in-60-ish-minutes
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.
use for switching one view to another.
The magic of Routing is taken care by a service provider that Angular provides out of the box called $routeProvider. An Angular service is a singleton object created by a service factory. These service factories are functions which, in turn, are created by a service provider. The service providers are constructor functions. When instantiated they must contain a property called $get, which holds the service factory function.Application routes in Angular are declared via the $routeProvider, which is the provider of the $route service. This service makes it easy to wire together controllers, view templates, and the current URL location in the browser. Using this feature we can implement deep linking, which lets us utilize the browser’s history (back and forward navigation) and bookmarks.
The routing functionality provided by angular in the ngRoute module, which is distributed separately from the core Angular framework.This is mainly used for Single Page Application.
http://www.c-sharpcorner.com/UploadFile/58e23e/navigation-from-one-page-to-another-in-angularjs-page-routin/
The functionality of Routes in Angular JS is to create different URL's for different content for the controllers as similar to Routing in MVC. It does so with the help of ng-Route directive.