Url routing in angularjs is not working

See more:

MVC4

AngularJs

Hi,
Here I have 3 login cshtml files,when we write in address bar like abc.com/1 ,needs to
load login1.cshtml and when we call abc.com/2 needs to call login2.cshtml and if it is
abc.com/3 login3.cshtml should be call.

Any help would be greatly appreciated.

Regards,
Soumya.

What I have tried:

var myApp = angular.module('myApp ',[]);

myApp .config(function ($routeProvider, $locationProvider) {

        $routeProvider

        // route for the home page
        .when('/1', {
            templateUrl: 'Login/Login.cshtml'
           , controller: 'Login/Login'

        })

        // route for the about page
        .when('/2', {
            templateUrl: 'Login/Login1.cshtml'
           , controller: 'Login/Login1'
        })

        // route for the contact page
        .when('/3', {
             templateUrl: 'Login/Login2.cshtml'
           , controller: 'Login/Login2'
        });

        // use the HTML5 History API
        $locationProvider.html5Mode(true);
    });