25 lines
		
	
	
		
			580 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
		
		
			
		
	
	
			25 lines
		
	
	
		
			580 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
|  | // #docregion
 | ||
|  | import { Component }       from '@angular/core'; | ||
|  | 
 | ||
|  | import { DynamicFormComponent }     from './dynamic-form.component'; | ||
|  | import { QuestionService } from './question.service'; | ||
|  | 
 | ||
|  | @Component({ | ||
|  |   selector: 'my-app', | ||
|  |   template: `
 | ||
|  |     <div> | ||
|  |       <h2>Job Application for Heroes</h2> | ||
|  |       <dynamic-form [questions]="questions"></dynamic-form> | ||
|  |     </div> | ||
|  |   `,
 | ||
|  |   directives: [DynamicFormComponent], | ||
|  |   providers:  [QuestionService] | ||
|  | }) | ||
|  | export class AppComponent { | ||
|  |   questions: any[]; | ||
|  | 
 | ||
|  |   constructor(service: QuestionService) { | ||
|  |     this.questions = service.getQuestions(); | ||
|  |   } | ||
|  | } |