angular7构建一个navroute组件但不知道现在该做什么

Question

这段代码没有问题

更具体

我可以在我的角度html中创建价值吗？

我找不到任何关于它的信息，所以我想不到，如果我想创建一个自动菜单，我现在该怎么办。我在这里使用棱角分明的材料

我需要创建一个导航栏，但我用角度HTML创建它，在TS中有一些东西来创建它需要自动生成的数据

所以我需要用任何值循环我的代码的底部部分，但我不知道如何开始

        <!-- need to loop this block of code whenever there is any new item with children -->
                    <div *ngFor="let childss of childs.children">
                      <div *ngIf="childss.children != null">
                        
                      </div>
                      <a routerLink="/navRoute.path/childs.path/childss.path"><button mat-menu-item>childss.path</button></a>
                    </div>
        
                  </mat-menu>
              </div>
              <ng-template #elsesBlock>
                <a routerLink="/navRoute.path/childs.path"><button mat-menu-item>childs.path</button></a>
              </ng-template>
              <!-- till here but have no idee how to do this effectively -->

childs is an item of an array

但它需要自定义输入数据才能使循环正常运行，但我不知道如何做到这一点

  
  <div class="nav_items" *ngFor="let navRoute of navRoutes">
      <div *ngIf="navRoute.children != null; else elseBlock">
        
        <div *ngIf="navRoute.children != null">
          <a routerLink="/navRoute.path">
            <button mat-button [matMenuTriggerFor]="menu">navRoute.path</button>
          </a>

          <mat-menu #menu="matMenu"> 

            <div *ngFor="let childs of navRoute.children">
              
              <div *ngIf="childs.children != null; else elsesBlock">
                  <a routerLink="/navRoute.path/childs.path">
                    <button mat-menu-item [matMenuTriggerFor]="child">childs.path</button>
                  </a>
        
                  <mat-menu #child="matMenu"> 
        <!-- need to loop this blok of code when ever there is anny new item with children -->
                    <div *ngFor="let childss of childs.children">
                      <div *ngIf="childss.children != null">
                        
                      </div>
                      <a routerLink="/navRoute.path/childs.path/childss.path"><button mat-menu-item>childss.path</button></a>
                    </div>
        
                  </mat-menu>
              </div>
              <ng-template #elsesBlock>
                <a routerLink="/navRoute.path/childs.path"><button mat-menu-item>childs.path</button></a>
              </ng-template>
              <!-- till here but have no idee how to do this effectively -->
            </div>

          </mat-menu>        
        </div>
        
      </div>
        
      <ng-template #elseBlock>
        
        <a routerLink="/navRoute.path">
          <button mat-button>navRoute.path</button>
        </a>

      </ng-template>

 </div>

这是我的整个HTML

nav route是我路线中的一个数组

我尝试过HTML链接，但这不适用于角度项