| 
									
										
										
										
											2016-02-02 14:39:34 +01:00
										 |  |  | // #docregion
 | 
					
						
							| 
									
										
										
										
											2016-05-03 14:06:32 +02:00
										 |  |  | import { Component } from '@angular/core'; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | import { HEROES } from './hero'; | 
					
						
							| 
									
										
										
										
											2016-02-02 14:39:34 +01:00
										 |  |  | 
 | 
					
						
							|  |  |  | @Component({ | 
					
						
							|  |  |  |   selector: 'hero-parent', | 
					
						
							|  |  |  |   template: `
 | 
					
						
							|  |  |  |     <h2>{{master}} controls {{heroes.length}} heroes</h2> | 
					
						
							| 
									
										
										
										
											2016-04-29 01:36:35 +01:00
										 |  |  |     <hero-child *ngFor="let hero of heroes" | 
					
						
							| 
									
										
										
										
											2016-02-02 14:39:34 +01:00
										 |  |  |       [hero]="hero" | 
					
						
							|  |  |  |       [master]="master"> | 
					
						
							|  |  |  |     </hero-child> | 
					
						
							| 
									
										
										
										
											2016-08-09 17:38:25 +01:00
										 |  |  |   `
 | 
					
						
							| 
									
										
										
										
											2016-02-02 14:39:34 +01:00
										 |  |  | }) | 
					
						
							|  |  |  | export class HeroParentComponent { | 
					
						
							|  |  |  |   heroes = HEROES; | 
					
						
							|  |  |  |   master: string = 'Master'; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | // #enddocregion
 |