Hello, I followed the instructions to set up Angular integration. While the app can load and show the home page, all subpages are blank. How can I get the content of other pages, like your demo site?
Hi
The Angular integration is a starter: it gives you the layout (sidebar, header, etc.) and one page per demo (the index/dashboard). It doesn’t ship Angular components for every demo page (account, plugins, store, user tables, etc.).
To get those pages into your Angular app you have two practical options:
1. Use the HTML version as reference
In your Metronic package you have the full HTML demos (e.g. in metronic-tailwind-html-demos, under dist/html/demo1 through demo10). Each demo there has all the pages (account, authentication, plugins, store, user tables, etc.). Open the .html file for the page you want, copy the main content (the part that would go inside your layout), and put it into an Angular component template. Then adjust any IDs/classes and wire up Angular (e.g. click handlers, forms, routing) as needed. So it’s “convert” in the sense of copy-from-HTML and adapt to Angular, not a one-click export.
2. Keep using the Angular starter for structure only
Use the Angular app for routing, layout, and assets. For any page that doesn’t exist in the starter, add a new route and component, then implement the content using the corresponding HTML demo page as the visual and markup reference.
So you do need to bring the content over from the HTML pages (by copying and adapting), but you’re not building from scratch, you’re reusing the existing HTML structure and styling from the demos.
Hi
The Metronic Angular you can use it as a starter. It helps you with the assets integration. For all demo pages, you can get the HTML version.
Thanks