Topic: MDB v7 does not work with Angular 17+
Expected behavior
suppose to work out of the box by simply adding script into index.html
Actual behavior
i am including javascript mdb.umd.min.js at the bottom of the index.html body in angular 17 it works fine if i put a dropdown or button(ripple) in index.html directly however when i put same code in angular component html it seems javascript has no effect for example button ripples does not work, dropdown does not open or do anything. however i have tested with Accordion and it works just fine but button ripple and dropdowns are not working in within angular zone.
Resources (screenshots, code snippets etc.)
<html lang="en">
<head> <meta charset="utf-8">
<title>Angular 17 code</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="/assets/img/logo/sm.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<link href="/assets/mdb/css/mdb.min.css" rel="stylesheet">
</head>
<body> <app-root></app-root>
<script src="./assets/mdb/js/mdb.umd.min.js"></script> </body>
</html>
We do not support the use of the Standart package with Angular, but we have a package dedicated for use with Angular.
VIKAS free commented 10 months ago
Yes but angular package does not support angular 17 its only supported till angular 16, also don't you think dropdowns and ripples are suppose to work on dynamically loaded content no matter whether its angular or jquery
Rafał Seifert free commented 10 months ago
We don't have official support for angular 17 yet, we are working on it. Although you can try to use it and it may work already with some tweaks.
VIKAS free commented 10 months ago
any idea when angular 17 support is going to publish ?
Arkadiusz Idzikowski staff commented 10 months ago
We can't provide an exact date yet, but it should be available within two weeks if we don't encounter any serious problems while preparing the update.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Free
- Premium support: No
- Technology: MDB Standard
- MDB Version: MDB5 7.1.0
- Device: Angular
- Browser: Google Chrome
- OS: Windows 11
- Provided sample code: No
- Provided link: No