程序问答   发布时间:2022-06-02  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs 1.6.0(现在最新)路由不起作用大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决angularjs 1.6.0(现在最新)路由不起作用?

开发过程中遇到angularjs 1.6.0(现在最新)路由不起作用的问题如何解决?下面主要结合日常开发的经验,给出你关于angularjs 1.6.0(现在最新)路由不起作用的解决方法建议,希望对你解决angularjs 1.6.0(现在最新)路由不起作用有所启发或帮助;

只需#!在href中使用hashbang :

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

由于aa077e8,用于$ LOCATIOn hash-bang URL的默认哈希前缀已从空字符串('')更改为bang('!')。

如果您实际上不希望使用哈希前缀,则可以通过向应用程序中添加配置块来恢复以前的行为:

appModule.config(['$LOCATIOnProvIDer', function($LOCATIOnProvIDer) {
  $LOCATIOnProvIDer.hashPrefix('');
}]);

有关更多信息,请参见

  • AngularJS GitHub Pull#14202将默认hashPrefix更改为’!’
  • AngularJS指南-迁移-aa0077e8

@H_607_31@抱歉让我骑着马,但是…这是怎么被释放的? 这是一个巨大的,破坏性的错误。—@miloTheGreat

解决方法

我期待在Stackoverflow上看到这个问题,但是没有。显然,我是唯一出现此问题的人,在我看来这很普遍。

我正在执行一个基本项目,但是即使到目前为止我所做的一切似乎都是正确的,但路线似乎也不起作用。

我的文件中有这段html index.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: '/' });
}]);

现在,当我刚访问页面时,这就是我从URL中获得的内容:

当我单击Add quote按钮时,得到以下信息:

这可能是什么问题?感谢帮助

大佬总结

以上是大佬教程为你收集整理的angularjs 1.6.0(现在最新)路由不起作用全部内容,希望文章能够帮你解决angularjs 1.6.0(现在最新)路由不起作用所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。