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" }); });