46 lines
1.3 KiB
TypeScript
46 lines
1.3 KiB
TypeScript
// #docplaster
|
|
// #docregion
|
|
// #docregion v1
|
|
import { NgModule } from '@angular/core';
|
|
import { BrowserModule } from '@angular/platform-browser';
|
|
import { ReactiveFormsModule } from '@angular/forms'; // <-- #1 import module
|
|
|
|
import { AppComponent } from './app.component';
|
|
import { HeroDetailComponent } from './hero-detail/hero-detail.component';
|
|
// #enddocregion v1
|
|
// #docregion hero-service-list
|
|
// add JavaScript imports
|
|
import { HeroListComponent } from './hero-list/hero-list.component';
|
|
import { HeroService } from './hero.service';
|
|
// #docregion v1
|
|
|
|
@NgModule({
|
|
declarations: [
|
|
AppComponent,
|
|
HeroDetailComponent,
|
|
// #enddocregion v1
|
|
HeroListComponent // <--declare HeroListComponent
|
|
// #docregion v1
|
|
],
|
|
// #enddocregion hero-service-list
|
|
imports: [
|
|
BrowserModule,
|
|
ReactiveFormsModule // <-- #2 add to @NgModule imports
|
|
],
|
|
// #enddocregion v1
|
|
// export for the DemoModule
|
|
// #docregion hero-service-list
|
|
// ...
|
|
exports: [
|
|
AppComponent,
|
|
HeroDetailComponent,
|
|
HeroListComponent // <-- export HeroListComponent
|
|
],
|
|
providers: [ HeroService ], // <-- provide HeroService
|
|
// #enddocregion hero-service-list
|
|
// #docregion v1
|
|
bootstrap: [ AppComponent ]
|
|
})
|
|
export class AppModule { }
|
|
// #enddocregion v1
|