angularjs 1.6.0（最新现在）路线不工作
我期待在Stackoverflow上看到这个问题，但没有。 显然我是唯一有这个问题的人，在我看来是非常普遍的。
我有一个基本的项目，我正在努力，但路线似乎不工作，即使我迄今为止所做的一切似乎是正确的。
我在我的index.html文件中有这片html：
<html> <head ng-app="myApp"> <title>New project</title> <script src="https://code.angularjs.org/1.6.0/angular.min.js"></script> <script src="https://code.angularjs.org/1.6.0/angular-route.min.js"></script> <script src="app.js"></script> </head> <body> <a href="#/add-quote">Add Quote</a> <div ng-view ></div> </body> </html>
这里是我的app.js ：
var app = angular.module('myApp', ['ngRoute']); app.config(['$routeProvider', function ($routeProvider) { $routeProvider .when('/add-quote', { templateUrl: 'views/add_quote.html', controller: 'QuoteCtrl' }) .otherwise({ redirectTo: '/' }); }]);
现在当我刚刚访问该网页时，以下是我在网址中获得的内容：
HTTP：//本地主机：8000 /管理员＃/
当我点击Add quote按钮，我得到这个：
HTTP：//本地主机：8000 /管理＃/＃％2Fadd引号
这里可能是什么问题？ 感谢帮助
由于aa077e8 ，用于$ location hash-bang URL的默认哈希前缀已经从空字符串（ '' ）变成了bang（ '!' ）。
如果实际上不想使用哈希前缀，那么可以通过向应用程序添加配置块来恢复以前的行为：
appModule.config(['$locationProvider', function($locationProvider) { $locationProvider.hashPrefix(''); }]);
有关更多信息，请参阅
- AngularJS GitHub拉＃14202更改默认hashPrefix为'！'
- AngularJS指南 – 迁移 – aa0077e8
对不起，我的高马，但…这是如何得到释放？ 这是巨大的，打破了错误。 – @MiloTheGreat
＃14202的突破性变化应该被撤销，因为参考规范已被正式弃用＃15715
我要关闭这个问题，因为我们没有任何反馈。 如果您能提供新的反馈，请随时重新打开此问题。
– https://github.com/angular/angular.js/issues/15715#issuecomment-281785369
只需包括! 进入href ：
<body> <a href="#!/add-quote">Add Quote</a> <div ng-view ></div> </body>
我不能让路由工作在1.6.4所以我决定使用角1.5.11和路由工作正常，虽然我需要定义所有我的路由时（..）函数尾随“/”
如果坚持一个老版本的角是一个选项，然后考虑它，因为它可以节省你的神经…
var app = angular.module("myApp", ["ngRoute"]); app.config(function($routeProvider) { $routeProvider .when("/layoutandviewbox", { templateUrl : "views/layout-and-viewbox.html" }) .when("/basicshapes", { templateUrl : "views/basic-shapes.html" }) .when("/advancedshapes", { templateUrl : "views/advanced-shapes.html" }) .when("/groups", { templateUrl : "views/groups.html" }) .when("/transformations", { templateUrl : "views/transformations.html" }) .when("/effects", { templateUrl : "views/effects.html" }) .when("/", { templateUrl : "views/basic-shapes.html" }); });
