Problems with dinamic sidenav navigation

WordPress database error: [Can't create/write to file '/tmp/#sql-temptable-4db-134135-4b.MAI' (Errcode: 28 "No space left on device")]
SELECT p.* FROM wp_mdb_forum_posts AS p LEFT JOIN wp_mdb_forum_posts AS q ON( q.Id = p.ParentId AND p.Id = q.AcceptedAnswerId ) WHERE p.PostTypeId = 2 AND p.ParentId = 124745 GROUP BY p.Id ORDER BY CASE WHEN q.Id IS NOT NULL THEN 1 ELSE 0 END DESC, p.UpvoteCount DESC, p.CreationDate ASC

Topic: Problems with dinamic sidenav navigation

DEVGASA pro premium priority asked 2 years ago

0 0

Expected behavior As this: https://mdbootstrap.com/previews/mdb-ui-kit/sidenav/4.html

Actual behavior it does not work

dynamic menu behavior video https://streamable.com/rgztbk

Is it possible that because our menu is dynamic it doesn't work the same as the demo?

we use this for iterate:

<ng-container *ngFor="let subMenu of category.Menu.submenu>"

but also we try over

<mdb-sidenav-item>

and it doesn't work either

our Code:

  <ul class="sidenav-menu">
    <ng-container *ngFor="let category of menuData.detail">
      <mdb-sidenav-item>

        <a class="sidenav-link" tabindex="0" mdbRipple mdbRipple [href]="category.Menu.link ? category.Menu.link : '#'">
          <i [class]="category.Menu.icon"></i>
          <span>{{ category.Menu.label }}</span>
        </a>

        <ul class="sidenav-collapse" mdbCollapse>
          **<ng-container *ngFor="let subMenu of category.Menu.submenu">**
            <li class="sidenav-item">
              <a class="sidenav-link" tabindex="0" mdbRipple [href]="subMenu.link">
                {{ subMenu.label }}
              </a>
            </li>
          </ng-container>
        </ul>
      </mdb-sidenav-item>
    </ng-container>
  </ul>

</mdb-sidenav>
<mdb-sidenav-content #sidenavContent>

  <main style="margin-top: 58px" class="pb-5">
    <router-outlet></router-outlet>
  </main>
</mdb-sidenav-content>   </mdb-sidenav-layout>

Resources (screenshots, code snippets etc.)

We can see that the HTML structures change with our dynamic way of building the menu, do you recommend something for this?

Our Menu enter image description here