navbar dropdown broke

Topic: navbar dropdown broke

itay pro asked 4 years ago

Expected behavior

Basic navbar with dropdown should open menu

https://mdbootstrap.com/docs/angular/navigation/navbar/#basic-example

 <li class="nav-item dropdown" dropdown>
  <a dropdownToggle mdbWavesEffect type="button" class="nav-link dropdown-toggle waves-light" mdbWavesEffect>
    <i class="fa fa-save"></i> export<span class="caret"></span></a>
  <div *dropdownMenu class="dropdown-menu dropdown dropdown-primary" role="menu">
    <a class="dropdown-item waves-light" (click)="export(5)" mdbWavesEffect>1</a>
    <a class="dropdown-item waves-light" (click)="export(1)" mdbWavesEffect>2</a>
    <a class="dropdown-item waves-light" (click)="export(3)"  mdbWavesEffect>3</a> -->
    <a class="dropdown-item waves-light" (click)="export(4)" mdbWavesEffect>4</a>      
  </div>
</li>

Actual behavior

Menu doesn't open. No error is thrown.

Used to work. NavbarModule imported to module

Is my implementation up to date ?

Resources (screenshots, code snippets etc.)

itay pro commented 4 years ago

Upgraded to 8.1.1. Same

Konrad Stępień staff commented 4 years ago

Hi @itay,

I did copy your code and example from the link and everything works correctly for me. But, I did remove click method.

Can you do it like me? And test? example