Javascript ng路由不使用TemplateURL

我正在尝试建立链接到此处的第一个示例： 包含颜色的示例

<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>

var-app=angular.module（“myApp”[“ngRoute”]）；
app.config（函数（$routeProvider）{
$routeProvider
.当（“/”时{
templateUrl:“main.htm”
})
.when（“/red”{
templateUrl:“red.htm”
})
.when（“/绿色”{
templateUrl:“green.htm”
})
.when（“/blue”{
templateUrl:“blue.htm”
});
});

如果我使用了template并将HTML放入其中，它就可以完全正常工作，但是当我使用templateUrl（我确实设置了所有的.htm文件）时，它永远找不到.htm页面

我的目录设置为

C:\Users{User}\Documents\ng Route和所有.htm文件都是ng Route文件夹的子文件夹

无论何时单击链接，url都会从以下位置开始： …ng Route/index.html!！ 到 ng Route/index.html#/绿色 但是局部视图不会显示。

---

非常感谢您的帮助。

您需要在本地服务器上启动应用程序。尝试一些简单的方法，比如我回想起我的文档。这是ng路线所需要的吗？http服务器？因为我已经能够在没有AngularJS的情况下使用AngularJS一段时间了@AlekseySoloveyYou不需要服务器来运行angular路由器，就像运行angular路由器不需要服务器一样。不知道服务器是从哪里来的。@Adriani6我自己对答案有点困惑，不知道为什么需要它。@Adriani6是的，当我看到控制台和跨站点的东西时，服务器都有意义。谢谢你，很快就把它安装好，现在它工作得很好。如果你愿意，创建一个答案，我会尽快接受。