如何在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.

Answer 1

You need to export SoaDateComponent component from your ParametersModule .

exports: [
  SoaDateComponent
] 

Answer 2

You need to export the component too in your ParamatersModule

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