Javascript 菜单未显示在导航栏中

有人能解释一下下面这段话的逻辑吗。该代码实际上从后端获取菜单的名称，并将其显示在导航栏中。我在表中添加了一条记录，但未显示该记录

 <ul class="navbar-nav">
        <li class="nav-item dropdown" *ngFor="let nev of navbarParentDto; index as j">
          <a class="1nav-item nav-link dropdown-toggle mr-md-2" href="javascript:void(0);" id="parent-{{j}}"
            data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            {{nev.parentMenu}}
          </a>
          <div class="dropdown-menu">
            <a href="javascript:void(0);" *ngFor="let menu of nev.menuList; index as i" class="dropdown-item"
              id="navTab{{i}}"
              (click)="setCurrentMenuName(nev.parentMenu,menu.menuName, menu.menuHref)">{{menu.menuName}}</a>
          </div>
        </li>
      </ul>

下面是模型类

export class NavbarParentDto {
    public parentMenu:string;
    public menuList:Array<NavbarDTO>;
   
   }

导出类NavbarParentDto{
公共父菜单：字符串；
公共菜单列表：数组；
}

我已在表中添加id为0的记录。我希望将其显示为父菜单

export class NavbarParentDto {
    public parentMenu:string;
    public menuList:Array<NavbarDTO>;
   
   }