Topic: Animations not working
Janik free asked 4 weeks ago
I have the problem with animations, they do not work at all, I followed thoroughtly installation guide (https://mdbootstrap.com/docs/angular/getting-started/installation/) step by step and none of the animations, for instance dropdown animation do not work. I've been looking for the issue for hours and couldn't find anything :(Sample code:<li class="nav-item drop"><br> <a<br> class="nav-link dropdown-toggle"<br> href="#"<br> id="navbarDropdownMenuLink"<br> role="button"<br> mdbDropdownToggle<br> aria-expanded="false"<br> ><br> <i class="fas fa-user"></i><br> </a><br> <ul<br> mdbDropdownMenu<br> class="dropdown-menu"<br> aria-labelledby="navbarDropdownMenuLink"<br> ><br> <li><br> <a class="dropdown-item" href="#">Action</a><br> </li><br> <li><br> <a class="dropdown-item" href="#">Another action</a><br> </li><br> <li><hr class="dropdown-divider" /></li><br> <li><br> <button class="dropdown-item" (click)="logout()">Wyloguj</button><br> </li><br> </ul><br> </li>
PS. Corousel component works
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Opened
- ForumUser: Free
- Premium support: No
- Technology: MDB Angular
- MDB Version: MDB5 7.0.0
- Device: PC
- Browser: Chrome
- OS: Windows
- Provided sample code: Yes
- Provided link: Yes
Arkadiusz Idzikowski staff commented 3 weeks ago
Did you add
BrowserAnimationsModule
to the modules import in yourapp.module.ts
file?Janik free commented 3 weeks ago
Yes, I added everything that is needed but I have one little concern, whether my angular versions are compatibile
"dependencies": { "@angular/animations": "^18.2.7", "@angular/cdk": "^18.2.2", "@angular/common": "^18.2.3", "@angular/compiler": "^18.2.3", "@angular/core": "^18.2.3", "@angular/forms": "^18.2.3", "@angular/platform-browser": "^18.2.3", "@angular/platform-browser-dynamic": "^18.2.3", "@angular/router": "^18.2.3", "@fortawesome/fontawesome-free": "^6.0.0", "mdb-angular-ui-kit": "file:mdb-angular-ui-kit-7.0.0.tgz", "ngx-toastr": "^19.0.0", "rxjs": "~7.5.0", "tslib": "^2.1.0", "zone.js": "~0.14.2" },
Arkadiusz Idzikowski staff commented 3 weeks ago
It looks like all the dependencies are compatible, because you use
mdb-angular-ui-kit
v 7.0.0 and this version has support for Angular v18.Did you manage to fix the problem with animations by adding the
BrowserAnimationsModule
?