Question

有没有办法在页面上有一些链接提供ng-view容器，而其他人从服务器加载页面？请参阅此小提琴，例如：http://jsfiddle.net/terebentina/Wy7Ww/

HTML：

<div ng-app="test">
    <a href="/">tab1</a>
    <a href="/tab2">tab2</a>
    <a href="/logout">logout</a>
    <div ng-view></div>
</div>

JS：

angular.module('test', []).config(function($routeProvider, $locationProvider) {
$routeProvider
    .when('/', {
        template: 'tab1'
        ,controller: 'TabCtrl'
    })
    .when('/tab2', {
        template: 'tab2'
        ,controller: 'TabCtrl'
    });
$locationProvider.html5Mode(true);
})
.controller('TabCtrl', function() {});

基本上我希望注销链接转到服务器，而2个选项卡可以提供ng-view。正如您所看到的，我只在angular中定义了tab选项路径而没有'其他'部分，但它仍然尝试在ng-view中加载logout。

Answer 1

将注销的网址更改为

<a href="/logout" target="_self">logout</a>

这将阻止角度路线拦截位置变化。

angularjs：ng-view在页面上时的服务器路由

1 个答案: