AngularJS:ngRoute不工作

我正试图让这个简单的路由工作，但我不知道是什么问题

这是HTML：

.
.
.  

这是正确的，因为您使用的是angular 1.6，并且默认哈希前缀发生了更改：

由于aa077e8，用于$location哈希的默认哈希前缀为 URL已从空字符串（“”）更改为bang（“！”）。如果你的 应用程序不使用HTML5模式，或者正在运行于 不支持HTML5模式，并且您尚未指定自己的模式 哈希前缀然后客户端URL现在将包含一个！前缀对于 例如，URL将变成mydomain.com/#/a/b/c，而不是mydomain.com/#/a/b/c mydomain.com/#/a/b/c

如果您确实希望没有哈希前缀，那么可以恢复 将配置块添加到应用程序的上一行为：

appModule.config（['$locationProvider'，函数（$locationProvider）{
$locationProvider.hashPrefix（''；}]）

所以你有一些选择：

1。将HTML5模式设置为真

$locationProvider.html5Mode(true);

在html标题中的html集合基中：

<base href="/">

---

尝试在html5+ajs 1.6中使用感叹号

例如，而不是href=“#home”。。。。。写href=“#！主页”。

---

4个小时的挠头后，它对我起了作用。

5我很早就明白了为什么它不起作用

我没有在index.html中包含以下内容

 <div ng-view></div>

您使用的是哪个版本的angular？您是从服务器加载此页面，而不是从浏览器中的

文件/打开

？angular版本是1.6.1。是的，页面是从服务器加载的，目前这是一个本地apache，没有任何配置更改，只是用于提供文件。我只想声明，您显示的代码在提供的问题上下文中没有错误。因此，是否已中断？它似乎使用选项1，但从不设置基本标记。仅仅通过查看这些文档，你怎么能找到这些选项呢？当文档中的示例没有正确完成时，这是令人沮丧的。。。我选择了选项2，它似乎对我有效。谢谢

app.config(['$locationProvider', function($locationProvider) {
  $locationProvider.hashPrefix('');
}]);

 <div ng-view></div>