Я работаю над "mat-extension-panel" для моего бокового меню. Я пытаюсь сделать следующий пример:
По умолчанию панель должна быть закрыта, но пока я нажимаю на любую из ссылок, и при ее перенаправлении на другую страницу панель должна быть расширена. И когда я нажимаю на любую другую панель, соответствующая панель должна быть закрыта.
Я сталкиваюсь с проблемой при перенаправлении на другие страницы, когда панель закрывается.
Ниже приведен код:
<mat-sidenav #sidemenu class="sidenav sidebar"
[attr.role]="(isHandset$ | async)? 'dialog':'navigation'"
[mode]="(isHandset$ | async)? 'over':'side'"
[opened]="(isHandset$ | async)" >
<mat-nav-list>
<mat-expansion-panel [expanded]="false">
<mat-expansion-panel-header>
<mat-panel-title>
<a routerLink="/user" [routerLinkActive]="['active']"> User</a>
</mat-panel-title>
</mat-expansion-panel-header>
<ul>
<a routerLink="/loginUser" [routerLinkActive]="['active']"> Login </a>
</ul>
<ul>
<a routerLink="/signInUser" [routerLinkActive]="['active']"> Sign In </a>
</ul>
</mat-expansion-panel>
<mat-expansion-panel [expanded]="false">
<mat-expansion-panel-header>
<mat-panel-title>
<a routerLink="/Operator" [routerLinkActive]="['active']"> Operator </a>
</mat-panel-title>
</mat-expansion-panel-header>
<ul>
<a routerLink="/login" [routerLinkActive]="['active']"> Login </a>
</ul>
<ul>
<a routerLink="/signIn" [routerLinkActive]="['active']"> Sign In </a>
</ul>
</mat-expansion-panel>
</mat-nav-list>
</mat-sidenav>