Javascript 这条路线行不通

我的ng路线代码有问题。浏览器中的地址正在更改，但我的页面上的所有元素仍然相同。这是我的密码：

var-app=angular.module（'mainApp'，['ngRoute']）；
app.config（“$routeProvider”，函数（$routeProvider）{
$routeProvider
。当（“/”{
templateUrl:'home.html'
})
.when（“/关于”{
templateUrl:'about.html'
})
。当（“/联系人”{
templateUrl:'contact.html'
})
.否则（{
重定向到：'/'
});
});
应用程序控制器（'mainCtrl'，函数（$scope）{
});








请使用
app.config（function（$routeProvider）
而不是
app.config（'$routeProvider'，function（$routeProvider）

脚本：

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

app.controller('mainCtrl',function($scope){

    });

Demo Fiddle
：
在一条评论中，您提到
Desktop/SS/index.html#/
是您的主页。这就是您的问题所在

除非通过HTTP服务器提供页面，否则路由无法工作。不幸的是，在文件系统上静态查看HTML页面将无法工作

如果你的系统上有Python，你可以很容易地测试它：打开一个命令提示符并切换到
桌面/SS/
目录。然后运行
Python-m SimpleHTTPServer 8080
并在浏览器中运行。这样应该可以很好地工作可能
url
不正确。我的主要HTML是Desktop/SS/index.html#/如果我点击关于我们，这是桌面上的changin/SS/index.html#/About，但旁边什么都没有发生。如果我从templateUrl中删除Url，一切都是正确的嗯…我有angular库“angular.min.js”和“angular route.min.js”但是如果我改为app.confing你的提议，这仍然不起作用；/Yes，我在你的代码中发现了问题。我更新了我的答案，请检查
jsfiddle
。它工作正常。我在你的代码中做了一些更正。这不是一个好主意。如果你按照你建议的方式做，在最小化和最小化过程中，$routeProvider将被删除原来问题中的代码是正确的，因为它允许Angular进行适当的依赖injection@JaronThatcher，我完全同意你的观点，但问题中并没有定义他会追求代码最小化。我只是想提出我的答案。这不是否决我答案的理由。先查看这篇文章，然后在对答案进行否决表决之前，请仔细考虑。@Rohit Jindal，如果您点击JSFIDLE中的每个链接，您的主页将替换为“关于页面”和“联系页面”？因为在我的位置，它在页面上一直不起作用。@ernest您尝试过这个吗？谢谢您的提示。我必须通过localhost对其进行分析。现在一切都正常了；）