Topic: MDB v7 does not work with Angular 17+

VIKAS free asked 9 months ago


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>


Kamila Pieńkowska staff answered 9 months ago


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 9 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 9 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 9 months ago

any idea when angular 17 support is going to publish ?


Arkadiusz Idzikowski staff commented 9 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.



Please insert min. 20 characters.

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: 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