mat-sidenav内容中的内容在mat-sidenav中使用mat-toolbar时会被切断

Question

我正在使用角5和材料。我在mat-sidenav中使用了一个工具栏来显示所选标签的标题。当我选择一个标签，其名称[代码中的routeData的值]大于之前选择的一个[默认选择的标签，即第一个标签]。 mat-sidenav-content内右侧的内容正在减少。请帮忙。

＆＃13;

＆＃13;

<mat-sidenav-container class="example-container">
            <mat-sidenav mode="side" opened>
                <mat-toolbar>
                    <span>
                        {{routeData}}
                    </span>
                </mat-toolbar>
                <mat-nav-list>
                    <a mat-list-item href="..." routerLink="{{component.path}}" 
        *ngFor="let component of routes" (click)="onClickNav(component)">
                        {{ component.data[0].name }}
                        <mat-divider></mat-divider>
                    </a>
                </mat-nav-list>
            </mat-sidenav>
            <mat-sidenav-content>
                <router-outlet></router-outlet>
            </mat-sidenav-content>
        </mat-sidenav-container>

＆＃13;

＆＃13;

＆＃13;