Как сделать 2 layout на ангуляр?

Question

[Vladislav]

Используется ui-router, $stateProvider.

Есть главная, на которой в есть блок с ui-view

Так вот, сейчас этот ui-view в зависимости от state заменяется либо страницей авторизации, либо регистрации.
Вопрос: как можно сделать еще один шаблон, чтобы показывать другие страницы, когда пользователь уже авторизован, так как шаблон будет отличаться от этого, для которого требуется авторизация и регистрация.
Туда так же воткнуть ui-view и настроить свои state?

Answer 1

[Николай]

Ну, вам нужно сделать 2 "как-бы базовых стейта".
т.е.

$stateProvider.state('base.authorized.%state_name%);
$stateProvider.state("base.unauthorized.%state_name%);

base.authorized и base.unauthorized и будут вашими шаблонами.
Все остальные стейты - дети этих стейтов.

Comments

[Vladislav]

Спасибо, а как с ui-view в данном случае быть?
То есть как приложение узнает какой из этих стейтов должен работать, не откажуь от примеров если есть

[Николай]

Как-то так: https://plnkr.co/edit/24AVaSK8BHaidutNzzZJ?p=preview