Установите пункты меню в sidenav и на панели навигации заголовка к одному и тому же маршрутизатору

У меня есть ситуация, когда я хотел бы загрузить компонент, соответствующий пунктам меню в боковой навигационной панели, для загрузки с использованием розетки маршрутизатора.

У меня также есть пункты меню в строке заголовка помимо тех, которые я включил в качестве части боковой навигационной панели, которую я хотел бы загрузить в ту же розетку маршрутизатора.

Как мне этого добиться? Вот код для файла header.component.html

<div class="example-container">
  <mat-toolbar color="primary">
    <button mat-icon-button (click)="snav.toggle()" *ngIf="isLoggedIn$ | async"><mat-icon>menu</mat-icon></button>
    <H5 style="color:white;">Agile Center</H5>
    <button mat-button routerLink="projects" *ngIf="isLoggedIn$ | async">Dashboard</button>
    <button mat-button *ngIf="isLoggedIn$ | async">Projects</button>
    <button mat-button *ngIf="isLoggedIn$ | async">Issues</button>
    <button mat-button *ngIf="isLoggedIn$ | async">Boards</button>
    <span class="example-spacer"></span>
    <button mat-icon-button *ngIf="isLoggedIn$ | async"><mat-icon>settings</mat-icon></button>
    <span *ngIf="isLoggedIn$ | async">
        <!--<a mat-button routerLink="." style="color:white">Logout</a> -->
        <button mat-icon-button (click)="onLogout()"><mat-icon>power_settings_new</mat-icon></button>
    </span>
  </mat-toolbar>

  <mat-sidenav-container class="example-sidenav-container">
    <mat-sidenav #snav mode="over" fixedTopGap="56">
      <mat-nav-list>
        <a mat-list-item routerLink="backlog">Backlog</a>
        <a mat-list-item routerLink=".">Active Sprints</a>
        <a mat-list-item routerLink=".">Releases</a>
        <a mat-list-item routerLink=".">Reports</a>
        <a mat-list-item routerLink=".">Administration</a>
      </mat-nav-list>
    </mat-sidenav>
    <mat-sidenav-content>
        <router-outlet></router-outlet>
    </mat-sidenav-content>
  </mat-sidenav-container>
</div>

Из приведенного выше фрагмента кода, я хотел бы загрузить пункты меню на панели навигации заголовка - Dashboard, Projects, Issues, Boards, которые также должны быть загружены с использованием того же маршрутизатора, что и элементы меню в боковой панели. Панель навигации.

Спасибо Виджай

0 ответов

Другие вопросы по тегам