title: Use component from another module
body: <p>I have Angular 2.0.0 app generated with angular-cli. </p>
  
  <p>When I create a component and add it to <code>AppModule</code>'s declarations array it's all good, it works. </p>
  
  <p>I decided to separate the components, so I created a <code>TaskModule</code> and a component <code>TaskCard</code>. Now I want to use the <code>TaskCard</code> in one of the components of the <code>AppModule</code> (the <code>Board</code> component).</p>
  
  <p>AppModule:</p>
  
  <pre><code>import { BrowserModule } from '@angular/platform-browser';
  import { NgModule } from '@angular/core';
  import { FormsModule } from '@angular/forms';
  import { HttpModule } from '@angular/http';
  
  import { AppComponent } from './app.component';
  import { BoardComponent } from './board/board.component';
  import { LoginComponent } from './login/login.component';
  
  import { MdButtonModule } from '@angular2-material/button';
  import { MdInputModule } from '@angular2-material/input';
  import { MdToolbarModule } from '@angular2-material/toolbar';
  
  import { routing, appRoutingProviders} from './app.routing';
  import { PageNotFoundComponent } from './page-not-found/page-not-found.component';
  
  import { UserService  } from './services/user/user.service';
  import { TaskModule } from './task/task.module';
  
  
  @NgModule({
    declarations: [
      AppComponent,
      BoardComponent,// I want to use TaskCard in this component
      LoginComponent,
      PageNotFoundComponent
    ],
    imports: [
      BrowserModule,
      FormsModule,
      HttpModule,
      MdButtonModule,
      MdInputModule,
      MdToolbarModule,
      routing,
      TaskModule // TaskCard is in this module
    ],
    providers: [UserService],
    bootstrap: [AppComponent]
  })
  export class AppModule { }
  </code></pre>
  
  <p>TaskModule:</p>
  
  <pre><code>import { NgModule } from '@angular/core';
  import { TaskCardComponent } from './task-card/task-card.component';
  
  import { MdCardModule } from '@angular2-material/card';
  
  @NgModule({
    declarations: [TaskCardComponent],
    imports: [MdCardModule],
    providers: []
  })
  export class TaskModule{}
  </code></pre>
  
  <p>The whole project is available on <a href="https://github.com/evgdim/angular2" rel="noreferrer">https://github.com/evgdim/angular2</a> (kanban-board folder)</p>
  
  <p>What am I missing? What do I have to do to use <code>TaskCardComponent</code> in <code>BoardComponent</code>?</p>