ссылки за пределами ng-view перенаправляют на страницы внутри ng-view

Я не уверен, как назвать вопрос, но вот моя ситуация

Мой шаблон выглядит так:

├── index.html
├──...
├── аккаунт
│ ├── index.html
│ ├── авторизация
│ │ ├── login.html
│ │ ├── signup.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>

Ни один из них не работает.

Может ли кто-нибудь помочь мне, как сделать ссылки? спасибо