Question

我不确定如何命名这个问题，但这是我的情况

我的模板是这样的：

├──index.html
├──...
├──帐户
│├──index.html
│├──授权
││├──login.html
││├──inignup.html
││└──仪表板

因此第一个索引页面是首页，第二个索引页面包含ng-view，它是登录页面，注册页面和仪表板页面的模板。

我做了：

app.config(['$routeProvider', function($routeProvider) {
    $routeProvider.
        when('/login', {
            title: 'Login',
            templateUrl: 'authorization/login.html',
            controller: 'authCtrl'
        })
        .when('/signup', {
            title: 'Signup',
            templateUrl: 'authorization/signup.html',
            controller: 'authCtrl'
        })
        .when('/dashboard', {
            title: 'dashboard',
            templateUrl: 'authorization/dashboard/index.html',
            controller: 'authCtrl'
        })
        .otherwise({
            redirectTo: "/login"
        });
    }
])
.run(['$rootScope', '$location', 'apiService', function ($rootScope, $location, apiService) {...
}]);

但是，我想在第一个索引页面上添加两个链接，一个重定向到登录页面，另一个重定向到注册页面。因为login.html和signup.html都在ng-view中，所以我无法使用<a href="account"></a>，因为它只会进入登录页面。

我试过了：

<div class="nav_item_extra"><a class="loggedIn" href="account/authorization/login">Sign in</a></div>
<div class="nav_item_extra"><a class="loggedIn" href="account/authorization/signup.html">Register</a></div>

它们都不起作用。

有人可以帮助我制作链接吗？谢谢

Answer 1

这可以工作：

<div class="nav_item_extra"><a class="loggedIn" href="login">Sign in</a></div>
<div class="nav_item_extra"><a class="loggedIn" href="signup">Register</a></div>

Answer 2

你只会错过＃＆＃39;＃＆＃39; （你的href上的哈希标签）

<div class="nav_item_extra"><a class="loggedIn" href="#/login">Sign in</a>
</div>
<div class="nav_item_extra"><a class="loggedIn" href="#/signup">Register</a>
</div>

ng-view之外的链接重定向到ng-view中的页面

2 个答案: