Angular 5 mat-sidenav

Question

我将Angular v5与Angular Material一起使用。我有一个侧栏用于导航。我有几个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-list-item中创建对模板的引用，如下所示：

explain <my_query_here> ，

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

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;