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

这通常是因为将角度升级到版本1.6，它将默认的哈希前缀更改为!，而它曾经是''（空字符串）。您可以详细了解here和here。

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

<a href="#!/bancodedados">

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

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

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

角度路线出问题

1 个答案: