| 
									
										
										
										
											2016-11-22 20:07:16 +08:00
										 |  |  | import { Component }   from '@angular/core'; | 
					
						
							| 
									
										
										
										
											2016-05-03 14:06:32 +02:00
										 |  |  | import { DataService } from './data.service'; | 
					
						
							| 
									
										
										
										
											2016-03-16 18:01:33 +02:00
										 |  |  | 
 | 
					
						
							|  |  |  | // #docregion
 | 
					
						
							|  |  |  | @Component({ | 
					
						
							|  |  |  |   selector: 'hero-di', | 
					
						
							|  |  |  |   template: `<h1>Hero: {{name}}</h1>` | 
					
						
							|  |  |  | }) | 
					
						
							| 
									
										
										
										
											2016-11-22 20:07:16 +08:00
										 |  |  | export class HeroComponent { | 
					
						
							|  |  |  |   name = ''; | 
					
						
							| 
									
										
										
										
											2016-06-08 01:06:25 +02:00
										 |  |  |   constructor(dataService: DataService) { | 
					
						
							| 
									
										
										
										
											2016-03-16 18:01:33 +02:00
										 |  |  |     this.name = dataService.getHeroName(); | 
					
						
							|  |  |  |   } | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | // #enddocregion
 |