Question

我的路由设置如下：

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>

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

Answer 1

在html <head>部分添加此内容：

<base href="/">

在路线中添加：

$locationProvider.html5Mode(true);

在锚定元素中，在网址前删除#。

这可能会解决你的问题

Angular JS没有重定向到新模板（ngRoute）

1 个答案: