Angular JS 未重定向到新模板（ngRoute）答案

【问题标题】：Angular JS not redirecting to a new template (ngRoute)Angular JS 未重定向到新模板（ngRoute）
【发布时间】：2016-12-19 06:02:41
【问题描述】：

我的路由设置如下：

function routing($routeProvider) {
$routeProvider
    .when('/', {
        templateUrl: 'templates/registration.html'
    }).when('/chatroom', {
        templateUrl: 'templates/ChatRoom.html',
        controller: 'mainController'
    });
}

messagingApp.config([
    '$routeProvider',
    '$locationProvider',
    routing
]);

当我访问 localhost:8080/ 时，它成功加载了registration.html。我的registration.html如下：

<a href="#/chatroom">Click</a>

当我点击上面的 a 标签时，它仍然只显示registration.html。点击标签后的url变成http://localhost:8080/#!/#%2Fchatroom。我希望它在单击时加载 ChatRoom.html。任何帮助将不胜感激。

【问题讨论】：

你没有在函数路由中注入$locationProvider。
您可以尝试从<a href="#/chatroom">Click</a> 中删除/ 吗？
@31piy 还是一样
你只尝试过 href="/chatroom" 吗？
@Sai 我刚刚注射了，但还是一样。注射后需要做些什么吗？

标签： angularjs ngroute

【解决方案1】：

在 html 中添加 <head> 部分：

<base href="/">

在路由中添加这个：

$locationProvider.html5Mode(true);

在锚定元素中删除 url 之前的#。

也许这会解决你的问题

【讨论】：