Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

Angular theme - Metronic orgnial


Hello, I used your theme in my project, and my project was initially based on Angular version 15. However, I recently decided to upgrade Angular from version 15 to version 17, and I noticed that you also added an update for that same version.

I successfully upgraded the Angular version, adjusted some Angular imports, and the theme didn't encounter any issues until I started using the 'menu/selector'.(sidebar-menu.component.ts

Here's where the problem arose (I'm using a dynamic menu), and I have a menu that works like this:
Click - the menu expands.
Click - the submenu expands, and within it, I have 3 router links. But when I select one router link, the last one from the list disappears. (It hides, it remains in the list... because I debugged it, and the length of the list is 3, but only 2 items are displayed.)

Then I downloaded your latest theme, transferred the new files, compared the differences in my project, but I still can't find a solution... Also, when I click to expand, the icon does not work on the router link as opposed to collapsing the menu...

If you have any advice(like all items you have updated in that version of angular 17 would be great), what to watch out for, which part of the theme to transfer?


Thank you for your response, have a nice day.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (1)


Hi

Thank you for reaching out! Sorry for the delay.

When you select one router link, the last one from the list disappears. This behaviour suggests that there might be an issue with the dynamic menu component or its data binding.

Check the data source for your menu items. Ensure all three router links are correctly defined and available in the data.

Use browser developer tools (such as Chrome DevTools) to inspect the rendered HTML and check for errors or warnings related to your menu component.

Feel free to provide additional details or code snippets; I’ll gladly assist!


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(