ANGULAR dropdown nav bar is not working. Solve so me and tea

Im following the tutorial from https://mdbootstrap.com/angular/components/navbars/ The code from BASIC example is not working. This is the Result of COPY /PASTE https://imgur.com/ZFYZiBD First problem with the weird grey button is solved when changing deleting "type=button" from the code, but the dropdown still doesnt work properly plus the colors are grey and barely noticable. When I press on the class .dropdown-item it takes me to a scss file with a "free" tag where hover has no image nor anything.. https://imgur.com/MxBLNb7 I downloaded the project from your gitbhub repository https://github.com/mdbootstrap/Angular-Bootstrap-with-Material-Design And also tryed by creating the project with npm following the tutorials. I would like to see this solve before me and my team buy the PRO version.

Start your code here

<!-- Dropdown --> <li class="nav-item dropdown" dropdown> <a dropdownToggle mdbRippleRadius type="button" class="nav-link dropdown-toggle waves-light" mdbRippleRadius> Basic dropdown<span class="caret"></span></a> <div *dropdownMenu class="dropdown-menu dropdown dropdown-primary" role="menu"> <a class="dropdown-item waves-light" mdbRippleRadius href="#">Action</a> <a class="dropdown-item waves-light" mdbRippleRadius href="#">Another action</a> <a class="dropdown-item waves-light" mdbRippleRadius href="#">Something else here</a> <div class="divider dropdown-divider"></div> <a class="dropdown-item waves-light" mdbRippleRadius href="#">Separated link</a> </div> </li> 

---