Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Angular Material <router-outlet></router-outlet> does not preserve CSS/SCSS styling

Harris free asked 4 years ago


Hi,

I am new to Angular/Material.

I have created a message on Stackoverflow regarding a problem with not working with SCSS/CSS. Any inputs would be appreciated.

Angular Material does not preserve CSS/SCSS styling

https://stackoverflow.com/questions/60068409/angular-material-router-outlet-router-outlet-does-not-preserve-css-scss-styl

Regards.


Konrad Stępień staff commented 4 years ago

Hi @Harris,

I see your answer on StackOverflow.

It seems to be problem was resolved.

Can you close the issue?


Arkadiusz Idzikowski staff answered 4 years ago


I already answered on SO, but I will add the answer here as well, maybe someone will encounter similar problem.

In case of any further problems with MDB its better to use our support forum, because you will get a much faster response here than on SO.

Lazy loaded modules in Angular can be loaded on demand and are not included in the global scope of you app. That's why when you use lazy loading, you should import MDB modules to every lazy loaded module.

Here is a list of all MDB Modules: https://mdbootstrap.com/docs/angular/getting-started/modules/

'MDBBootstrapModulesPro.forRoot() - contains all MDB modules, but you will probably want to import only single modules like 'ButtonsModule' to your specific lazy loaded module.


FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Closed

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 8.8.2
  • Device: Desktop
  • Browser: Chrome
  • OS: Windows 10 64-Bit
  • Provided sample code: No
  • Provided link: Yes