<div #menus style="display: flex; flex-direction: column;" *ngFor="let node of nodes">
    <div *ngIf="node.separatorHeader" class="nav-menu-separator">
        <!-- Add only border separator -->
    </div>
    <div *ngIf="node.separatorHeader" class="nav-menu-header">
        {{node.separatorHeader}}
    </div>
    <div class="nav-mobile-link"  [ngClass]="{'nav-menu-mobile-separator': (node.separator && !node.separatorHeader)}">

        <span class="flex-inline" (click)="toggleMenu($event,node)">
            <em *ngIf="node.icon" [ngClass]="node.icon"></em>
            <span style="flex-grow: 1;">{{node[displaykey]}}</span>
            <i *ngIf="node.submenus" class="fa fa-angle-down" aria-hidden="true"></i>
        </span>


        <amexio-nav-mobile *ngIf="node.showInnerMenus"
        [display-key]="displaykey"
         (onNavItemClick)="onInnerClick($event)"  class="amexio-nav-mobile amexio-nav-submenus amexio-nav-mobile-submenus" 
        [nodes]="node.submenus" >
        </amexio-nav-mobile>

    </div>

</div>