How to nest different modules in angular 2

Question

The app.module has the admin-layout.module.
The admin-layout.module has the parameters.module.
The parameters.module has the soa-date.Component.
But the property.component is in the admin-layout.module

I need to put the <app-soa-date></app-soa-date> selector in the property.component but it gives me an error of app-soa-date is not a known element.

<div class="card-body">
  <div *ngIf="showSoaDate">
    <app-soa-date></app-soa-date>
  </div>
  <div *ngIf="showOther">
    Other
  </div>
</div>

Please see the image below:

Thank you.

Tony · Accepted Answer · 2019-06-26 09:26:21Z

1

You need to export the component too in your ParamatersModule

declarations: [
....
],
exports: [
  SoaDateComponent 
]

edited Jun 26, 2019 at 9:26

answered Jun 26, 2019 at 6:44

Tony

20.3k7 gold badges42 silver badges62 bronze badges

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

1 Comment

Nabin Paudyal Over a year ago

There's a typo in this answer. Please change declearations to declarations.

Nabin Paudyal · Accepted Answer · 2019-06-26 06:43:54Z

1

You need to export SoaDateComponent component from your ParametersModule.

exports: [
  SoaDateComponent
]

answered Jun 26, 2019 at 6:43

Nabin Paudyal

1,6399 silver badges14 bronze badges

Collectives™ on Stack Overflow

How to nest different modules in angular 2

2 Answers 2

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Related