Подскажите пожалуйста один момент, понимаю, что вопрос возможно очень глупый

Question

Подскажите пожалуйста один момент, понимаю, что вопрос возможно очень глупый

но всеже
Значит есть у меня основной компонент app.component.ts в шаблоне компонента <router-outlet></router-outlet>
есть app-routing.module.ts в котором прописаны маршруты
const routes: Routes = [
{
path: 'dashboard',
component: DashboardComponent,
canActivate: [AuthGuard]
},
{
path: 'entity',
component: EntityComponent,
canActivate: [AuthGuard]
},
{
path: 'login',
component: LoginComponent
},
{ path: '**', redirectTo: '/dashboard' }
];

Открываем страницу и там идет переадресация исходя из canActivate (большое спасибо Дмитрию, на основе его примера реализовал, все работает)
Сама страница /login - это просто страница с формой авторизации, а вот /dashboard и /entity - это уже полноценный шаблон с меню, контентом, тулбаром и тд.

как мне в app.component.ts сделать так, что если пользователь не авторизирован тогда просто выводить форму т.е. просто <router-outlet></router-outlet>, а вот если он залогинен и находится допустим в /dashboard то там типо целый шаблон? ну примерно так:
<div><div class="toolbar>. ...</div><router-outlet></router-outlet></div>

Делать при помощи <ng-template *ngIf="isLogged">......</ng-template>
так?

#angular #frontend #javascript #programming #russian

0

22.05.2019

1 ответов

12 просмотров

Smooth Operator · Accepted Answer

Smooth Operator

в AppComponent оставить только аутлет для DashboardComponent и EntityComponent добавить родительской роут с еще одним аутлетом

0

22.05.2019

169 похожих чатов

Подскажите пожалуйста один момент, понимаю, что вопрос возможно очень глупый

1 ответов

Похожие вопросы