angular - 在“mat-expansion-panel”中，面板在路由时关闭

Question

我正在mat-expansion-panel为我的sidemenu工作。我正在尝试执行以下示例：

默认情况下，面板应该关闭，但是当我点击任何链接时，当它路由到其他页面时，面板应该被展开。当我点击任何其他面板时，相应的面板应该关闭。

我在路由到面板正在关闭的其他页面时遇到问题。

下面是代码：

<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>