How to implement Angular routing in mdboostrap angular

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: How to implement Angular routing in mdboostrap angular

reachfrq pro asked 7 years ago

Hi, I am planning to purchase angular mdbootstrap angular version. Before that i am trying to implement routing with angular @angular/router module. I am perfectly fine with the routing code. I am able to route to the respective page, but I am not able to get the mdb components like <mdb-navbar></mdb-navbar>. How to implement Angular routing in mdboostrap angular? Please suggest.

reachfrq pro commented 7 years ago

Small correction. It is working in header component. Not in other components.

Edyta Dabrowska answered 7 years ago

Hi, I don't know your project structure. By header component, do you mean the main / app component? You should be able to use any mdb angular component anywhere without using the router. They just need to be imported in the right places.

reachfrq pro commented 7 years ago

Thanks for your response. Could you please share me the small code snippet to navigate from one page to another without using angular router. I am little bit confused.

Edyta Dabrowska answered 7 years ago

Sorry, I didn't understand you correctly. To use mdb components you don't need routing, but to move from one page to another it is needed.
Here you can find some code snippets.

reachfrq pro commented 7 years ago

Sorry I got struck again. If I copy <mdb-sidenav> in app.component.html it is working fine. The same when I copy to other folder while implementing <router-outlet> its not working. I don't know where I am making mistake. I got tied with the implementation. PLEASE help me on this. If you can provide mail-id so that i can zip my project and share with you.

Edyta Dabrowska answered 7 years ago

Sure you can send me your package at e.dabrowska@mdbootstrap.com

reachfrq pro commented 7 years ago

Thanks for your quick response Edyta. I sent mail.

reachfrq pro commented 7 years ago

Hi, Please consider this as priority, as I am unable to start my project.

FREE CONSULTATION

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

Closed

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
About author
faroooq.in
Pro User
10Support score
4Questions 0Answers
0Snippets likes 0Snippets