0

ページ上のいくつかのリンクが 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をフィードしている間に、ログアウトリンクがサーバーに移動するようにします。ご覧のとおり、角度付きのタブルートのみを定義し、「その他」セクションは定義していませんが、ng-view でログアウトをロードしようとしています。

4

1 に答える 1

3

ログアウト用の URL を次のように変更します

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

これにより、角度ルートが場所の変更を傍受するのを防ぐことができます。

于 2013-09-12T10:03:26.493 に答える