Создание условных паролей с помощью ngIf

Question

Я ищу реализацию комбинации навигации и субнава для всего приложения с условной логикой, которая показывает sidenav на определенной странице. Я попробовал несколько ngIf на сообщениях routerLink здесь, но никто не решил мою проблему. app.component.html - это мой основной контейнер, заголовок и subnav, как описано в документации Clarity. app.component.html

<div class="main-container">
   <header class="header">
   </header>

   <nav class="subnav">
   </nav>

   <div class="content-container">
      <div class="content-area">
         <router-outlet></router-outlet>
      </div>

      <nav *ngIf="router.url === '/page'" class="sidenav">
      </nav>
   </div>
</div>

app.component.ts

class PageComponent {
    constructor(public router: Router) {

    }
}

Answer 1

В вашем приложении может быть два разных макета

1. Пустой макет // у него нет боковой панели
2. Основной макет // у него есть боковая панель

Ваш router будет выглядеть так

const routes: Routes = [
 {
    path: '',
    component: BlankLayoutComponent,
    children: [
        { path: '', redirectTo: 'logincustomer',pathMatch:'full' },
        { path: 'logincustomer', component: LoginComponent }
    ]
  },
{

    path: 'user',
    component: MainLayoutComponent,
    canActivate: [AuthGuard],
    children: [
         { path: 'user', redirectTo:'dashboard', pathMatch: 'full', canActivate: [AuthGuard] }]
 };