Topic: muli-level dropdown menu in MDB Angular Version
                  
                  bcn2017
                  priority
                  asked 8 years ago
                
                Dears, We have a pro licence of MDBOOSTRAP Angular Version
In our proyect, we need to build a muli-level dropdown menu, but we didn't found documentation about it.
Can you help us find the way to do it?
Thanks
David!
                
                  
                
                
                
                  
                  
                  
                    
                    
                
              
              
              
            
                      
                        Add comment
                      
                    
                  
                
                      
                      Alex GuaMi
                      pro
                        answered 8 years ago
                    
                    You just need to repeat the process inside your dropdown again (create a new list inside your dropdown list)
Ps: Si necesitais mas ayuda me lo dices. Tambien soy de barcelona ;)
For example:
                    
                    
                    
                    
                  
                  
                <!--Navbar-->
<mdb-navbar SideClass="navbar navbar-expand-lg navbar-dark">
    <!-- Navbar brand -->
    <logo><a class="navbar-brand" href="#">BML</a></logo>
    <!-- Collapsible content -->
    <links>
        <!-- Links -->
        <ul class="navbar-nav mr-auto">
            <!-- Dropdown -->
            <li class="nav-item dropdown active"dropdown>
                <a dropdownToggle  class="nav-link dropdown-toggle waves-light" mdbRippleRadius>
                    Dropdown1
                    <span class="caret"></span>
                </a>
                <div  class="dropdown-menu dropdown dropdown-primary" role="menu">
                    <a class="dropdown-item waves-light" mdbRippleRadius href="#">Button1.1</a>
                    <a class="dropdown-item waves-light" mdbRippleRadius href="#">Button1.2</a>
            <li class="nav-item dropdown active"dropdown>
                <a dropdownToggle  class="nav-link dropdown-toggle waves-light" mdbRippleRadius>
                    Dropdown2
                    <span class="caret"></span>
                </a>
                <div  class="dropdown-menu dropdown dropdown-primary" role="menu">
                    <a class="dropdown-item waves-light waves-effect" mdbRippleRadius href="#">Button2.1</a>
                    <a class="dropdown-item waves-light" mdbRippleRadius >Button2.2</a>
                </div>
            </li>
            </div>
            </li>
        </ul>
        <!-- Links -->
    </links>
    <!-- Collapsible content -->
</mdb-navbar>
<!--/.Navbar-->
                    
                      FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
              Answered
Specification of the issue
              - ForumUser: Priority
 - Premium support: Yes
 - Technology: MDB Angular
 - MDB Version: -
 - Device: -
 - Browser: -
 - OS: -
 - Provided sample code: No
 - Provided link: No
 
Tags