angular - 如何实现带有角度子菜单的侧面导航？

Question

我正在使用 Angular 实现侧面导航。我的要求是，当我单击一个项目时，该项目下的子项目应该呈现。

<div>
      <mat-nav-list>
        <a mat-list-item *ngFor="let page of pages">
          <button mat-icon-button id="{{page.id}}"  (click)="rightNavOpen(true,page?.name)">
          <mat-icon style="padding-right:5px;"></mat-icon>
          <span id="shapeName" [@animateText]="linkText ? 'show' : 'hide'">{{ page?.name }} </span></button>
        </a>
      </mat-nav-list>
    </div>

page.name 的值正在侧导航上呈现。我想在它下面插入一个子菜单。我该怎么做？

标签： angular