использование ng-route в angular для маршрутизации в разные htmls с использованием параметра routeconfig

я новый для угловой маршрутизации. У меня есть index.html и home.html. то, что я пытаюсь сделать, по умолчанию index.html должен быть загружен. Существует ссылка из index.html на home.html. Как загрузить индексный файл с помощью URL-адреса по умолчанию, используя маршрут http://localhost/myapp? User = 123.

Я развернул свою кодовую базу в IIS с виртуальным каталогом как myapp.

Кроме того, когда я нажимаю на домашнюю ссылку, URL-адрес должен измениться на

Http://localhost/myapp/index.html#/home

То, что я пытаюсь сделать, это:

app.js

    var app = angular.module('myApp', ['ngRoute'])
.config(['$routeProvider', function($routeProvider) {
            $routeProvider.when('/', {templateUrl:'index.html', controller: 'MainController'});
            $routeProvider.when('/home', {templateUrl:'home.html',controller: 'TestController'});
            $routeProvider.otherwise({redirectTo: '/home'});
            }]);

index.html

<div class="main" ng-controller="MainController as main">
        <li><a href="#/home">Home</a></li>
    </div>

Controller.js

app.controller('TestController', ['$scope', '$log','$location', function($scope,$log,$location) {

    $log.info("Test Controller loaded");

    test();
    $scope.test = function(){
        console.log("Test");
    }

    $log.info("Test Controller function");

}]) 

Оба контроллера не загружаются. Главный контроллер аналогичен контроллеру тестирования. Что мне здесь не хватает?