angular - 如何用角度做子列表？

Question

我正在寻找如何使用角度做子菜单：

• 1
• 2

没关系：

<mat-sidenav-container fxFlex>
  <mat-sidenav mode="side" opened>
    <mat-tab-group>
      <mat-tab label="case 1">
        <mat-nav-list>
          <mat-list-item *ngFor="let step of case 1" (click)="selectedStep = step">
            <mat-icon matListAvatar svgIcon="icons:{{step.icon}}" class="avatar"></mat-icon>
            <span>{{step.name}}</span>
          </mat-list-item>
        </mat-nav-list>
      </mat-tab>
    </mat-tab-group>
  </mat-sidenav>

但

• 1
  • 1.1
  • 1.2
• 2
  • 2.1
  • 2.2
  • 2.3

不是，这第二个例子怎么办？

标签： angularangular-materialsublist