| 
									
										
										
										
											2016-05-03 14:06:32 +02:00
										 |  |  | import { Component, Input } from '@angular/core'; | 
					
						
							|  |  |  | import { Hero } from './hero'; | 
					
						
							| 
									
										
										
										
											2016-04-05 09:27:10 +03:00
										 |  |  | 
 | 
					
						
							|  |  |  | // #docregion styleurls
 | 
					
						
							|  |  |  | @Component({ | 
					
						
							|  |  |  |   selector: 'hero-details', | 
					
						
							|  |  |  |   template: `
 | 
					
						
							|  |  |  |     <h2>{{hero.name}}</h2> | 
					
						
							|  |  |  |     <hero-team [hero]=hero></hero-team> | 
					
						
							|  |  |  |     <ng-content></ng-content> | 
					
						
							|  |  |  |   `,
 | 
					
						
							| 
									
										
										
										
											2016-08-09 17:38:25 +01:00
										 |  |  |   styleUrls: ['app/hero-details.component.css'] | 
					
						
							| 
									
										
										
										
											2016-04-05 09:27:10 +03:00
										 |  |  | }) | 
					
						
							|  |  |  | export class HeroDetailsComponent { | 
					
						
							| 
									
										
										
										
											2016-05-10 00:51:23 -07:00
										 |  |  |   // #enddocregion styleurls
 | 
					
						
							|  |  |  |   @Input() hero: Hero; | 
					
						
							|  |  |  |   // #docregion styleurls
 | 
					
						
							| 
									
										
										
										
											2016-04-05 09:27:10 +03:00
										 |  |  | } |