Angular 5 mat-sidenav

Question

我将角V5与角材料一起使用。而且我有一个侧边栏可供导航。我有几个mat-list-item，根据用户角色显示。每个mat-list-item都有自己的routerLink。显示侧边栏时，如何模拟第一个mat-list-item？

<mat-sidenav-container>
    <mat-sidenav mode="side" opened="true">
        <mat-nav-list>
            <a mat-list-item routerLink="path1" *jhiHasAnyAuthority="['ROLE1']">Item1</a>
            <a mat-list-item routerLink="path2" *jhiHasAnyAuthority="['ROLE2']">Item2</a>
            <a mat-list-item routerLink="path3" *jhiHasAnyAuthority="['ROLE1', 'ROLE3']">Item3</a>
        </mat-nav-list>
    </mat-sidenav>
    <mat-sidenav-content>
        <div>
            <router-outlet></router-outlet>
        </div>
    </mat-sidenav-content>
</mat-sidenav-container>

Answer 1

完全不清楚..但是我会尝试回答：

您可以在MAT列表中创建对模板的引用：

<mat-list-item #firstItem>...</mat-list-item>，

然后在您的组件中(您具有切换/打开功能(您只需致电：

@ViewChild('firstItem') fItem: any;
...
openSideBar() {
  this.fItem.click();
}