Styjun

Is it really necessary to have 4 hours meeting in Sprint planning?

How to ask a man to not take up more than one seat on public transport while avoiding conflict?

Do the villains know Batman has no superpowers?

Asking an expert in your field that you have never met to review your manuscript

Temporarily moving a SQL Server 2016 database to SQL Server 2017 and then moving back. Is it possible?

What is the fastest way to do Array Table Lookup with an Integer Index?

In a jam session, when asked which key my non-transposing instrument (like a violin) is in, what do I answer?

What is the most damaging one handed melee weapon?

Why does NASA publish all the results/data it gets?

How does IBM's 53-bit quantum computer compares to classical ones for cryptanalytic tasks?

Cheap antenna for new HF HAM

What are the end bytes of *.docx file format

Hiking with a mule or two?

Algorithm that spans orthogonal vectors: Python

To this riddle, I invite

How use custom order in folder on Windows 7 and 10

How do I clean sealant/silicon from a glass mirror?

Is there any actual security benefit to restricting foreign IPs?

How does one calculate the distribution of the Matt Colville way of rolling stats?

What was the deeper meaning of Hermione wanting the cloak?

Pandas aggregate with dynamic column names

Are actors contractually obligated to certain things like going nude/ Sensual Scenes/ Gory Scenes?

Was there a trial by combat between a man and a dog in medieval France?

What is a Heptagon Number™?

Export MDBBootstrapModule in Shared Module to use in another module

Routing between modules in Angular 2How to load a service through shared.module in a lazy loaded ngModule only instantiated once though forRoot()Components and modules exported from shared modules with forRoot option not available in lazy loaded moduleWhat is the scope of an Angular module ImportBrowserAnimationsModule does not work when imported in core moduleAngular4 multiple modules issuerouting navigate method not redirecting to targeted component$Injector Error on Angular Upgrade from 1.6.6 to 6Core module component and Shared module implementation in angularWhy is directive from shared module undefined?

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

0

I'm working with an Angular 7 project using MDB bootstrap. Following the best practices, I divide modules into shared module and feature module. It means that I import all common modules in shared module then import this shared module in each feature module.

shared.module.ts

@NgModule(
 declarations: [LoadingSpinnerComponent],
 imports: [PrimeNgModule, CommonModule, MDBBootstrapModule.forRoot()],
 exports: [
 PrimeNgModule,
 CommonModule,
 LoadingSpinnerComponent,
 MDBBootstrapModule
 ])
export class SharedModule 

dashboard.module.ts (dashboard is a featured module)

@NgModule(
 declarations: [DashboardComponent],
 imports: [SharedModule],
 exports: [DashboardComponent]
)
export class DashboardModule 

app.module.ts

@NgModule(
 declarations: [
 AppComponent
 ],
 imports: [
 BrowserModule,
 FormsModule,
 DashboardModule
 RouterModule.forRoot(appRoutes),
 ]
)
export class AppModule 

It works with other modules except MDBBootstrapModule, I think that I didn't export correctly (forRoot() is different from other modules). I tried to add MDBBootstrapModule.forRoot() to each featured module then it worked. So I would like to ask how can I do importing and exporting only in shared module? Thank you.

angular mdbootstrap

share|improve this question

asked Mar 28 at 15:01

Quan VOQuan VO

55955 silver badges1414 bronze badges

add a comment
 | 

0

I'm working with an Angular 7 project using MDB bootstrap. Following the best practices, I divide modules into shared module and feature module. It means that I import all common modules in shared module then import this shared module in each feature module.

shared.module.ts

@NgModule(
 declarations: [LoadingSpinnerComponent],
 imports: [PrimeNgModule, CommonModule, MDBBootstrapModule.forRoot()],
 exports: [
 PrimeNgModule,
 CommonModule,
 LoadingSpinnerComponent,
 MDBBootstrapModule
 ])
export class SharedModule 

dashboard.module.ts (dashboard is a featured module)

@NgModule(
 declarations: [DashboardComponent],
 imports: [SharedModule],
 exports: [DashboardComponent]
)
export class DashboardModule 

app.module.ts

@NgModule(
 declarations: [
 AppComponent
 ],
 imports: [
 BrowserModule,
 FormsModule,
 DashboardModule
 RouterModule.forRoot(appRoutes),
 ]
)
export class AppModule 

It works with other modules except MDBBootstrapModule, I think that I didn't export correctly (forRoot() is different from other modules). I tried to add MDBBootstrapModule.forRoot() to each featured module then it worked. So I would like to ask how can I do importing and exporting only in shared module? Thank you.

angular mdbootstrap

share|improve this question

asked Mar 28 at 15:01

Quan VOQuan VO

55955 silver badges1414 bronze badges

add a comment
 | 

I'm working with an Angular 7 project using MDB bootstrap. Following the best practices, I divide modules into shared module and feature module. It means that I import all common modules in shared module then import this shared module in each feature module.

shared.module.ts

@NgModule(
 declarations: [LoadingSpinnerComponent],
 imports: [PrimeNgModule, CommonModule, MDBBootstrapModule.forRoot()],
 exports: [
 PrimeNgModule,
 CommonModule,
 LoadingSpinnerComponent,
 MDBBootstrapModule
 ])
export class SharedModule 

dashboard.module.ts (dashboard is a featured module)

@NgModule(
 declarations: [DashboardComponent],
 imports: [SharedModule],
 exports: [DashboardComponent]
)
export class DashboardModule 

app.module.ts

@NgModule(
 declarations: [
 AppComponent
 ],
 imports: [
 BrowserModule,
 FormsModule,
 DashboardModule
 RouterModule.forRoot(appRoutes),
 ]
)
export class AppModule 

It works with other modules except MDBBootstrapModule, I think that I didn't export correctly (forRoot() is different from other modules). I tried to add MDBBootstrapModule.forRoot() to each featured module then it worked. So I would like to ask how can I do importing and exporting only in shared module? Thank you.

angular mdbootstrap

share|improve this question

asked Mar 28 at 15:01

Quan VOQuan VO

55955 silver badges1414 bronze badges

@NgModule(
 declarations: [LoadingSpinnerComponent],
 imports: [PrimeNgModule, CommonModule, MDBBootstrapModule.forRoot()],
 exports: [
 PrimeNgModule,
 CommonModule,
 LoadingSpinnerComponent,
 MDBBootstrapModule
 ])
export class SharedModule 

@NgModule(
 declarations: [DashboardComponent],
 imports: [SharedModule],
 exports: [DashboardComponent]
)
export class DashboardModule 

@NgModule(
 declarations: [
 AppComponent
 ],
 imports: [
 BrowserModule,
 FormsModule,
 DashboardModule
 RouterModule.forRoot(appRoutes),
 ]
)
export class AppModule 

angular mdbootstrap

angular mdbootstrap

share|improve this question

asked Mar 28 at 15:01

Quan VOQuan VO

55955 silver badges1414 bronze badges

share|improve this question

asked Mar 28 at 15:01

Quan VOQuan VO

55955 silver badges1414 bronze badges

asked Mar 28 at 15:01

Quan VOQuan VO

55955 silver badges1414 bronze badges

asked Mar 28 at 15:01

Quan VOQuan VO

55955 silver badges1414 bronze badges