Answer by Lewis Hai for AngularJs routing with Asp.Net Mvc

Have a simple example can apply to your project. Example our MVC application has four pages as Home, Contact, About and User, we want to create a angularjs template for each pages, so how we do routing for it? how to make angularjs controller for it?

Basic code as following:

Routing:

    $routeProvider    .when('/', { // For Home Page        templateUrl: '/AngularTemplates/Home.html',        controller: 'HomeController'     })    .when('/Home/Contact', { // For Contact page        templateUrl: '/AngularTemplates/Contact.html',        controller: 'ContactController'    })    .when('/Home/About', { // For About page        templateUrl: '/AngularTemplates/About.html',        controller: 'AboutController'    })    .when('/Home/User/:userid', { // For User page with userid parameter       templateUrl: '/AngularTemplates/User.html',       controller: 'UserController'    })    .otherwise({   // This is when any route not matched => error       controller: 'ErrorController'    })}]);

Controller:

var app = angular.module('MyApp'); app.controller('UserController', ['$scope', '$routeParams', function ($scope, $routeParams) {$scope.Message = "This is User  Page with query string id value = "+ $routeParams.userid;}]); ...

Full article with download code for it at Angularjs routing asp.net mvc example