使用另一个模块中的组件

我有使用angular-cli生成的Angular 2.0.0应用程序.

I have Angular 2.0.0 app generated with angular-cli.

当我创建一个组件并将其添加到AppModule的声明数组时，一切都很好，它可以工作.

When I create a component and add it to AppModule's declarations array it's all good, it works.

我决定将组件分开，因此我创建了TaskModule和组件TaskCard.现在，我想在AppModule的一个组件(Board组件)中使用TaskCard.

I decided to separate the components, so I created a TaskModule and a component TaskCard. Now I want to use the TaskCard in one of the components of the AppModule (the Board component).

AppModule:

AppModule:

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 { }

TaskModule:

TaskModule:

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{}

整个项目可在 https://github.com/evgdim/angular2 (kanban-板文件夹)

The whole project is available on https://github.com/evgdim/angular2 (kanban-board folder)

我想念什么?在BoardComponent中使用TaskCardComponent怎么办?

What am I missing? What do I have to do to use TaskCardComponent in BoardComponent?