Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

dropdown sub menu items

See original GitHub issue

Can i create subitems in drop down ? if yes any small example ?

<div class="form-group" *ngFor="let parentItem of menu.children">
    <div ngbDropdown class="form-group menu-item">
        <a class="btn item" href="javascript:void(0);" id="dropdownMenu1"  ngbDropdownToggle>{{parentItem.text}} <b *ngIf="parentItem.children" class="caret"></b></a>

        <div class="dropdown-menu" aria-labelledby="dropdownMenu1">
            <a *ngFor="let childItem of parentItem.children;"  href="{{childItem.url}}" class="dropdown-item">{{childItem.text}}</a>

<!-- I need sub menu items here-->

        </div>

    </div>

Angular: rc6

ng-bootstrap:1.0.0-alpha.4

Bootstrap:4

Issue Analytics

State:
Created 7 years ago
Reactions:8
Comments:26 (2 by maintainers)

Top GitHub Comments

25reactions

skorunkacommented, Jan 16, 2019

This should be definitely supported.

20reactions

ryanohearncommented, Dec 15, 2017

I totally disagree with that this type of functionality does not belong in a browser. This is not a UX best practice. This is a very much needed feature and pushes people towards Material which does support this functionality.

Top Results From Across the Web

Bootstrap nested (multilevel) Dropdown - free examples

Nested dropdowns built with Bootstrap 5. Tutorial & templates for multilevel navbar dropdowns menu, activated on hover or on click & much more....

Create Drop-Down Menus – WordPress.com Support

A dropdown menu, or sub-menu, shows additional items when you hover or click on an item in your menu. They can be useful...

Set up drop-down menus in your online store

You can use drop-down menus to group products, collections, or pages together and make it easier for customers to navigate your online store....

Dropdowns - Bootstrap

ARIA menus can only contain menu items, checkbox menu items, radio button menu items, radio button groups, and sub-menus. Bootstrap's dropdowns, on the ......

Tutorial #11: Creating Sub Menu Items (Drop Down Menu ...

This tutorial demonstrates how to create ghost menu items (menu items that don't link to anything) and how to create sub menu items...