AngularJS 总是路由到 main答案

【问题标题】：AngularJS routing always to mainAngularJS 总是路由到 main
【发布时间】：2023-03-16 05:21:01
【问题描述】：

我有下一个代码：

var app = angular.module('ForclazApp', ['ngRoute']);

app.config(function($routeProvider){
    $routeProvider
        .when("/", {
            templateUrl: "partials/header.html"
        })
        .when("/motos", {
            templateUrl: "partials/motos.html"
        })
        .when("/repuestos", {
            templateUrl: "partials/repuestos.html"
        })
        .when("/taller", {
            templateUrl: "partials/taller.html"
        })
        .when("/blog", {
            templateUrl: "partials/blog.html"
        })
        .when("/contacto", {
            templateUrl: "partials/contacto.html"
        })
        .otherwise({
            redirectTo: '/'
        });
});

无论您点击哪个链接，它总是会重定向到 header.html 模板。我正在使用 AngularJS 1.6.3。控制台日志没有显示任何错误。

菜单链接：

<ul class="nav navbar-nav navbar-right">
    <li class="nav-li"><a href="#/" class="nav-link">Inicio </a></li>
    <li class="nav-li"><a href="#/motos" class="nav-link">Motos </a></li>
    <li class="nav-li"><a href="#/repuestos" class="nav-link">Repuestos </a></li>
    <li class="nav-li"><a href="#/taller" class="nav-link">Taller </a></li>
    <li class="nav-li"><a href="#/blog" class="nav-link">Blog </a></li>
    <li class="nav-li"><a href="#/contacto" class="nav-link">Contacto </a></li>
</ul>

【问题讨论】：

标签： angularjs routing ngroute

【解决方案1】：

 .otherwise({
        redirectTo: '/'
    });

基本上是说如果没有其他选项匹配，则转到路由/。在您的情况下，这是主要的。您的 .when(.. 检查与您希望的方式不匹配。

在您的 html 中。从所有链接中删除 /。所以它应该是这样的：

<li class="nav-li"><a href="#contacto" class="nav-link">Contacto </a></li>

它将按照您想要的方式匹配它。

【讨论】：

我删除了 .otherwise 语句并更改了 href 删除了 '/' 字符，但仍然出现同样的问题
@MarceloForclaz 原因是因为您的网址，可能在您的网址中有类似#! 的内容，对吗？
是的！那就是问题所在！ (!#) 我已将 AngularJS 的版本更改为 1.5.x，它运行良好。谢谢大家。我认为如果我将链接中的“#”更改为“#！”它也可以正常工作。

【解决方案2】：

您应该删除所有 # 。而且我认为您应该使用 ui-router 而不是 ng-router 。对你更好

https://github.com/angular-ui/ui-router

【讨论】：