24 lines
		
	
	
		
			552 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			24 lines
		
	
	
		
			552 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
| // #docregion
 | |
| import {Component}       from 'angular2/core'
 | |
| import {DynamicForm}     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: [DynamicForm],
 | |
|   providers:  [QuestionService]
 | |
| })
 | |
| export class AppComponent {
 | |
|   questions:any[]
 | |
| 
 | |
|   constructor(service: QuestionService) {
 | |
|     this.questions = service.getQuestions();
 | |
|   }
 | |
| }
 |