| 
									
										
										
										
											2016-03-05 17:53:34 -05:00
										 |  |  | // #docregion
 | 
					
						
							| 
									
										
										
										
											2016-05-03 14:06:32 +02:00
										 |  |  | import { Component }       from '@angular/core' | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | import { DynamicForm }     from './dynamic-form.component'; | 
					
						
							|  |  |  | import { QuestionService } from './question.service'; | 
					
						
							| 
									
										
										
										
											2016-03-05 17:53:34 -05:00
										 |  |  | 
 | 
					
						
							|  |  |  | @Component({ | 
					
						
							|  |  |  |   selector: 'my-app', | 
					
						
							|  |  |  |   template: `
 | 
					
						
							|  |  |  |     <div> | 
					
						
							|  |  |  |       <h2>Job Application for Heroes</h2> | 
					
						
							|  |  |  |       <dynamic-form [questions]="questions"></dynamic-form> | 
					
						
							|  |  |  |     </div> | 
					
						
							|  |  |  |   `,
 | 
					
						
							|  |  |  |   directives: [DynamicForm], | 
					
						
							|  |  |  |   providers:  [QuestionService] | 
					
						
							|  |  |  | }) | 
					
						
							|  |  |  | export class AppComponent { | 
					
						
							|  |  |  |   questions:any[] | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |   constructor(service: QuestionService) { | 
					
						
							|  |  |  |     this.questions = service.getQuestions(); | 
					
						
							|  |  |  |   } | 
					
						
							|  |  |  | } |