angular2 use component of nested imported module

Question

is it possible to have the following strucure?

app.component.js

@Component({
    template: '<nav-context></nav-context>'
class AppComponent

app.module.js

@NgModule({
    imports: [CoreModule]
    boostrap: [AppComponent]

core.module.js

@NgModule({
    imports: [NavModule]
class CoreModule

nav.module.js

@NgModule({
    declarations: [NavContextComponent]
    exports: [NavContextComponent]
class NavModule

nav-context.component.js

@Component({
    selector: 'nav-context'
class NavContextComponent

So far I get 'nav-context' is not a known element

Can you please structure the code in a more organized way? one code section per class — Kesem David
– Kesem David, Commented Sep 13, 2016 at 10:36

Günter Zöchbauer · Accepted Answer · 2016-09-13 10:37:37Z

8

I think you need to also export the module if you want it to be provided to importers

@NgModule({
    imports: [NavModule]
    exports: [NavModule]

answered Sep 13, 2016 at 10:37

662k235 gold badges2.1k silver badges1.6k bronze badges

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

1 Answer 1