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!
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
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