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

Metronix 8.1.9 Demo 1 Angular Project issues


Hi,

We have recently purchased the angular project and installed all required softwares, tried multiple times to run the project by following the instruction and having following issues, please suggest

To start the Angular, change the directory to [metronic]/angular/[demo]/:
copied to the location, the folder was zipped, did unzipped and below is the path
cd E:\HTML template\themeforest-67nzat40-metronic-responsive-admin-dashboard-template\angular\demo1

npm clear cache --force

ran the above command.

npm install --legacy-peer-deps

ran the above command.

When run the application by ng serve , the following issues occurs.

Error occurs in the template of component TablesWidget11Component.



Error: src/app/pages/dashboard/dashboard.module.ts:17:5 - error NG6002: 'WidgetsModule' does not appear to be an NgModule class.

17 WidgetsModule,
~~~~~~~~~~~~~

src/app/_metronic/partials/content/widgets/widgets.module.ts:262:14
262 export class WidgetsModule {}
~~~~~~~~~~~~~
Is it missing an @NgModule annotation?

Please suggest.
Kind REgards,
Asif


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 (3)


Hi Asif,

Glad to hear that it's working now. Regarding using HTML in Angular, yes, you can definitely do that. You can create Angular components and include the HTML in them.

It seems that the portlet controls you used in the 2018 version are not available in the latest Metronic. However, a similar component that you can use is called a "card."

https://preview.keenthemes.com/html/metronic/docs/base/cards

Please note, the Metronic v8 is not compatible with the previous version of Metronic.

If you have any more questions or if there's anything else I can help you with, feel free to ask.



Hi Faizal,

Thanks. It is working now, however.

it has very less controls controls comparatively to HTML project.

Can we use html controls in angular by creating components and declaring its css files in angular.

Apart from it, we also bought Metronix back in 2018 and we used portlets controls with colored header for tables, I am not able to find those controls in the new Metronix.

Please share the link if it exists somewhere in the new Metronix, I am not able to find it.

With Regards,
Asif



Hi,

Could you please try to download the latest version Metronic Angular v8.2.1?
Recently, we released v8.2.1

https://devs.keenthemes.com/metronic/angular

Thanks


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