Using Other Components

Components depend on other components, directives and pipes. For example, TodoListComponent relies on TodoItemComponent. To let a component know about these dependencies we group them into a module.
import {NgModule} from '@angular/core';
​
import {TodoListComponent} from './components/todo-list.component';
import {TodoItemComponent} from './components/todo-item.component';
import {TodoInputComponent} from './components/todo-input.component';
​
@NgModule({
  imports: [ ... ],
  declarations: [
    TodoListComponent,
    TodoItemComponent,
    TodoInputComponent
  ],
  bootstrap: [ ... ]
})
export class ToDoAppModule {
}
The property declarations expects an array of components, directives and pipes that are part of the module.
Please see the Modules section for more info about NgModule.

Structuring Applications with Components

Directives

Last updated 2 years ago