Use component from another module
<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>