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();
							 | 
						||
| 
								 | 
							
								  }
							 | 
						||
| 
								 | 
							
								}
							 |