Import external Module in app.module.ts

Question

I'm wondering about modules in Angular 4, If I have this module:

@NgModule({
  imports: [
    ...
    ...
  ],
  declarations: [
    OneComponent
  ],
})
export class OneModule { }

And in my app.modules.ts I use this module in the imports

@NgModule({
  imports: [
    ...
    OneModule
    ...
  ],
})
export class AppModule { }

Is that mean the OneComponent is declared in the App Module?

I'm facing a problem with TimeAgoModule package, If I put it in the OneModule imports, then the OneComponent should see the time, but it said that time is not defined, and If I move the OneComponent from OneModule declarations to AppModule declarations everything is fine. What exactly the idea?

Shashank Vivek · Accepted Answer · 2018-04-11 07:50:55Z

2

You need to export OneComponent.

@NgModule({
  imports: [
    ...
    ...
  ],
  exports: [OneComponent],
  declarations: [
    OneComponent
  ],
})
export class OneModule { }

by exporting a component , you tell angular module that this specific component can be used outside the module and will be available for reuse in other modules.

answered Apr 11, 2018 at 7:50

Shashank Vivek

17.6k9 gold badges69 silver badges110 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Import external Module in app.module.ts

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related