J'ai l'application Angular 2.0.0 générée avec angular-cli.
Quand je crée un composant et que je l'ajoute au AppModule
tableau des déclarations, tout va bien, cela fonctionne.
J'ai décidé de séparer les composants, j'ai donc créé un TaskModule
et un composant TaskCard
. Maintenant, je veux utiliser le TaskCard
dans l'un des composants de AppModule
(le Board
composant).
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:
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{}
L'ensemble du projet est disponible sur https://github.com/evgdim/angular2 (dossier kanban-board)
Qu'est-ce que je rate? Que dois-je faire pour l'utiliser TaskCardComponent
dans BoardComponent
?