title: angular2 use component of nested imported module
body: <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>