ng-route не работает с TemplateURL

Question

Я пытаюсь настроить первый пример, связанный здесь: https://www.w3schools.com/angular/angular_routing.asp пример, содержащий цвета.

<p><a href="#/!">Main</a></p>

<a href="#!red">Red</a>
<a href="#!green">Green</a>
<a href="#!blue">Blue</a>

<div ng-view></div>

<script>
var app = angular.module("myApp", ["ngRoute"]);
app.config(function($routeProvider) {
    $routeProvider
    .when("/", {
        templateUrl : "main.htm"
    })
    .when("/red", {
        templateUrl : "red.htm"
    })
    .when("/green", {
        templateUrl : "green.htm"
    })
    .when("/blue", {
        templateUrl : "blue.htm"
    });
});
</script>
</body>

Если я использовал шаблон и положилHTML, он работает совершенно нормально, но когда я использую templateUrl (у меня настроены все файлы .htm), он никогда не может найти страницы .htm.

Мой каталог настроен как

C: \ Users {Пользователь} \ Documents \ ng-Route и все файлы .htm являются дочерними для папки ng-route.

Всякий раз, когда я нажимаю на ссылку, URL-адрес исходит из: ...ng-Route / index.html #!в ng-Route / index.html #! / green, но частичное представление не отображается.Любая помощь будет принята с благодарностью.