Angular2 use a component of a nested imported module

Is it possible to have the following structure?

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

Still i get 'nav-context' is not a known element

+4
source share
1 answer

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

@NgModule({
    imports: [NavModule]
    exports: [NavModule]
+7
source

Source: https://habr.com/ru/post/1654447/


All Articles