The New Way to Build! Introducing ReUI — the developer platform for agentic UI with shadcn/ui
Learn More

Menu Dropdown is not working


I fetched tabs from the database using ngFor loop. but if I used ngFor loop then ktMenu dropdown which I added in tab-content is not working. I used Metronic theme.
I tried with this example:- https://preview.keenthemes.com/metronic8/demo1/documentation/general/menu.html?_ga=2.69169046.68420783.1641306162-312851748.1640584463#basic
It is working properly without using ngFor. but if I used ngFor for tabs, then dropdown is not show
Can anyone help me with this?


Text formatting options
Submit

Replies (27)


Browse the best hyaluronic acid serum in Pakistan with OneSkin, known for its hydrating and plumping skincare benefits. Achieve smoother, more radiant skin with our premium hyaluronic acid formula—Trust OneSkin for superior quality and visible results in Pakistani skincare.



Hi,

If you use ngFor loop, the dropdown HTML is added dynamically in view level and need to be initialized.

Please check here, we did reinitialization for dropdown in aside menu.
/src/app/_metronic/layout/components/aside/aside.component.ts


MenuComponent.reinitialization()


Thanks



Thank you very much, I've been trying to solve this for hours


Text formatting options
Submit
Text formatting options
Submit