angular 路由获取问题

Question

我正在尝试使用 ngRoute 在我的应用程序上配置我的路线，但出于某种原因，它仍然无法正常工作。我搜索了很多，似乎我的代码没问题。我将展示我是如何做到的：

我的a.href:

<a href="#/bancodedados">

我的配置路线：

    academico.config(function($routeProvider){


    var home = {
        controller : "home",
        templateUrl : "js/plugins/angular/views/home.html"
    }

    var bancodedados = {
        controller : "bancodedados",
        templateUrl : "js/plugins/angular/views/bancodedados.html"
    }

    $routeProvider
    .when("/", home)
    .when("/bancodedados", bancodedados);
});

但由于某种原因，该应用将我重定向到 http://localhost/joli/#!/#%2Fbancodedados

仍然持有相同的观点。

Answer 1

这通常是因为将 angular 升级到 1.6 版，将默认哈希前缀更改为 !，而以前是 ''（空字符串）。你可以阅读更多关于这个 here and here.

潜在修复 1：更改您的链接以使用 #! (hashbang)，如下所示：

<a href="#!/bancodedados">

潜在修复 2：通过将 $locationProvider 注入配置块然后按如下方式设置哈希前缀，将哈希前缀重置回空字符串：

academico.config(function($routeProvider, $locationProvider){
    $locationProvider.hashPrefix('');

    // The rest of your config block...
});

angular 路由获取问题

angular route getting problems

angularjs

ngroute