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: MD Angular with Ionic 4

Pierre Philip du Preez free asked 5 years ago


Hi guys,

Is there a guide on how to use MDBootstrap with an Ionic 4 Angular project?

Cheers!


Damian Gemza staff answered 5 years ago


Dear Pierre,

I have created a blank new Ionic 4 app (blank template). I have installed the MDB Angular Pro and every necessary dependency, and it works fine.

But it seems, that you have to import MDBBootstrapModulesPro.forRoot() not in app.module.ts, but in home.module.ts (or another module from your component's application).

Best Regards,

Damian



I tried following the quickstart guide for the pro components but it doesn't seem to work. I keep running into problems as follows:

ERROR Error: Uncaught (in promise): Error: Template parse errors: 'mdb-icon' is not a known element: 1. If 'mdb-icon' is an Angular component, then verify that it is part of this module. 2. If 'mdb-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this

When trying to use a simple floating button as follows:

<a mdbBtn floating="true" size="lg" gradient="purple" mdbWavesEffect>
    <mdb-icon fas icon="bolt"></mdb-icon>
</a>


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 7.4.3
  • Device: Samsung Galaxy S8+
  • Browser: Chromium
  • OS: Anroid Pie (9.0)
  • Provided sample code: No
  • Provided link: No