angular2 use component of nested imported module
<p>is it possible to have the following strucure?</p>

<p>app.component.js </p>

<pre><code>@Component({
    template: '&lt;nav-context&gt;&lt;/nav-context&gt;'
class AppComponent
</code></pre>

<p>app.module.js</p>

<pre><code>@NgModule({
    imports: [CoreModule]
    boostrap: [AppComponent]
</code></pre>

<p>core.module.js </p>

<pre><code>@NgModule({
    imports: [NavModule]
class CoreModule
</code></pre>

<p>nav.module.js</p>

<pre><code>@NgModule({
    declarations: [NavContextComponent]
    exports: [NavContextComponent]
class NavModule
</code></pre>

<p>nav-context.component.js</p>

<pre><code>@Component({
    selector: 'nav-context'
class NavContextComponent
</code></pre>

<p>So far I get <code>'nav-context' is not a known element</code></p>