angularjs 1.6.0（现在最新版本）路由不工作_Angularjs_Angular Routing_Ngroute_Angularjs Ng Route_Angularjs 1.6

angularjs 1.6.0（现在最新版本）路由不工作

angularjs

angularjs 1.6.0（现在最新版本）路由不工作,angularjs,angular-routing,ngroute,angularjs-ng-route,angularjs-1.6,Angularjs,Angular Routing,Ngroute,Angularjs Ng Route,Angularjs 1.6,我本想在Stackoverflow上看到这个问题，但没有。显然，我是唯一一个有这个问题的人，在我看来这是很常见的我有一个基本的项目，我正在工作，但路线似乎不工作，即使我到目前为止所做的一切似乎是正确的我的index.html文件中有这段html： <html> <head ng-app="myApp"> <title>New project</title> <script src="https://code.angula

我本想在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>

现在，当我刚刚访问该页面时，以下是我在url中得到的内容：

当我点击

添加报价

按钮时，我得到以下信息：

这里有什么问题？感谢您的帮助

只需使用hashbang

#：
 <a href="#!/add-quote">Add Quote</a>

有关详细信息，请参阅





对不起，我得意洋洋，但是。。。这是怎么发布的？这是一个巨大的，正在破坏的错误
由于参考规范已被正式弃用，应恢复到14202年的突破性变化#15715
我将结束这个问题，因为我们没有任何反馈。如果您可以提供新的反馈，请随时重新打开此问题
-
我无法在1.6.4中使用路由，所以我决定使用angular 1.5.11，虽然我需要在带有尾随“/”的when（..）函数中定义所有路由，但路由工作正常
如果坚持一个旧版本的角度是你的选择，那么考虑它，因为它可以拯救你的神经…
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"
});
});

只需包含
进入href
：
<body>
    <a href="#!/add-quote">Add Quote</a>
    <div ng-view ></div>
</body>

试试这个可能会有帮助
在html或查看页面中
 <body>
       <a href="#/Home.html">Home</a>
       <div ng-view></div>
 </body>

可能有关联？对不起，我得意洋洋，但是。。。这是怎么发布的？这是一个巨大的、突破性的bug。@MiloTheGreat可以将您的反馈意见留给AngularJS团队——哇，在不推荐的路由教程之后浪费了好几个小时。。我所缺少的只是那个“！”。非常感谢。所有关于哈希和hashbang的胡言乱语，我从来没有想到“！”看起来像是一个非法字符，没有引用。如果我接受它并承认它的存在，问题就会解决。我也是。。。这让我快发疯了！继续使用1.5对升级到Angular 2/3/4/5/等有何影响？ngUpgrade是否在1.5到2+之间工作？我有点觉得ngUpgrade对我们来说可能不可行。（是的，这条评论大部分都是看不见的，并且在风中咆哮）
<body>
    <a href="#!/add-quote">Add Quote</a>
    <div ng-view ></div>
</body>

app.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
  $locationProvider.hashPrefix('');
  $routeProvider
    .when('/add-quote', {
      templateUrl: 'views/add_quote.html',
      controller: 'QuoteCtrl'
    })
    .otherwise({ redirectTo: '/' });
}]);

 <body>
       <a href="#/Home.html">Home</a>
       <div ng-view></div>
 </body>

var app=angular
.module('myModule',['ngRoute'])
.config(function($routeProvider, $locationProvider) {
  $routeProvider
    .when('/Home', {
      templateUrl: 'FolderName/Home.html',
      controller: 'homeCtr'
    })
      $locationProvider.hashPrefix('');
     });