title: AngularJS routing not working after site hosted into IIS
body: <p>We are creating SPA technique using AngularJS in ASP.NET MVC framework,AngularJS routing between pages are working fine when it's run from VS2013,but after hosting the application in to IIS7.5 routing not working,</p>
  
  <p>Routing  Script:</p>
  
  <pre><code>   var appRoot = angular.module('main', ['ngRoute', 'ngGrid', 'ngResource']);     //Define the main module
  
      appRoot
          .config(['$routeProvider', function ($routeProvider) {
              //Setup routes to load partial templates from server. TemplateUrl is the location for the server view (Razor .cshtml view)
              $routeProvider
                  .when('/home', { templateUrl: '/home/main', controller: 'HomeController' }) .otherwise({ redirectTo: '/home' });
          }])
          .controller('RootController', ['$scope', '$route', '$routeParams', '$location', function ($scope, $route, $routeParams, $location) {
              $scope.$on('$routeChangeSuccess', function (e, current, previous) {
                  $scope.activeViewPath = $location.path();
              });
          }]);
  </code></pre>
  
  <p>Index.html:</p>
  
  <pre><code> &lt;li class="mt" data-ng-class="{active : activeViewPath==='/home'}"&gt;
                      &lt;a href='#/home'&gt;
                          &lt;i class="fa fa-dashboard"&gt;&lt;/i&gt;
                          &lt;span&gt;Dashboard Home&lt;/span&gt;
                      &lt;/a&gt;
                  &lt;/li&gt;
  
  
    &lt;div class="col-lg-9 main-chart" ng-view=""&gt;
                  &lt;/div&gt;
  </code></pre>
  
  <p>Project Structure:</p>
  
  <p><img src="https://i.stack.imgur.com/FP95l.png" alt="enter image description here"></p>