26 lines
		
	
	
		
			571 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			26 lines
		
	
	
		
			571 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
import { Component, NgModule } from '@angular/core';
 | 
						|
import { BrowserModule } from '@angular/platform-browser';
 | 
						|
 | 
						|
import { DataService } from './data.service';
 | 
						|
 | 
						|
// #docregion
 | 
						|
@Component({
 | 
						|
  selector: 'hero-di',
 | 
						|
  template: `<h1>Hero: {{name}}</h1>`
 | 
						|
})
 | 
						|
class HeroComponent {
 | 
						|
  name: string;
 | 
						|
  constructor(dataService: DataService) {
 | 
						|
    this.name = dataService.getHeroName();
 | 
						|
  }
 | 
						|
}
 | 
						|
// #enddocregion
 | 
						|
 | 
						|
@NgModule({
 | 
						|
  imports: [ BrowserModule ],
 | 
						|
  providers: [ DataService ],
 | 
						|
  declarations: [ HeroComponent ],
 | 
						|
  bootstrap: [ HeroComponent ]
 | 
						|
})
 | 
						|
export class HeroesDIModule { }
 |