Manual Install of MDB Angular Pro in existing project


Topic: Manual Install of MDB Angular Pro in existing project

hello@ticketspicket.com pro asked 7 years ago

I'm trying to figure out how to get these components to work in an existing project.  I think I've installed everything properly, but I'm getting an error when I try to use a component in a view.  The error I'm getting is: ERROR in : Can't bind to 'options' since it isn't a known property of 'mdb-date-picker'. 1. If 'mdb-date-picker' is an Angular component and it has 'options' input, then verify that it is part of this module. 2. If 'mdb-date-picker' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. 3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. .... Here is my app.module.ts file: import { BrowserModule } from '@angular/platform-browser'; import { NgModule, NO_ERRORS_SCHEMA, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { HttpClientModule } from '@angular/common/http'; import { TranslateModule } from '@ngx-translate/core'; import { NgbModule } from '@ng-bootstrap/ng-bootstrap'; import { MDBBootstrapModulePro } from '@app/typescripts/pro/index'; import { MDBBootstrapModule } from '@app//typescripts/free/index'; import { environment } from '@env/environment'; import { CoreModule } from '@app/core'; import { SharedModule } from '@app/shared'; import { HomeModule } from './home/home.module'; import { AboutModule } from './about/about.module'; import { LoginModule } from './login/login.module'; import { AppComponent } from './app.component'; import { AppRoutingModule } from './app-routing.module'; @NgModule({ imports: [ BrowserModule, ServiceWorkerModule.register('https://mdbcdn.b-cdn.net/ngsw-worker.js', { enabled:environment.production }), FormsModule, HttpClientModule, MDBBootstrapModule.forRoot(), TranslateModule.forRoot(), NgbModule.forRoot(), CoreModule, SharedModule, HomeModule, AboutModule, LoginModule, AppRoutingModule ], declarations: [AppComponent], providers: [ ], schemas: [NO_ERRORS_SCHEMA, CUSTOM_ELEMENTS_SCHEMA], bootstrap: [AppComponent], exports: [ MDBBootstrapModule ] }) export class AppModule { } I took all of the typescript files and added them to the root of my /app folder.  I can't figure out why this doesn't work - any guidance would be greatly appreciated!

Damian Gemza staff commented 7 years ago

Dear hello@ticketspicket.com, Instead of .zip package, please try to install our library in your project using npm install from GitLab repo. This should work to you: https://mdbootstrap.com/angular/5min-quickstart/ If not, let me know. Best Regards, Damian

Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Open

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No