25 lines
		
	
	
		
			559 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			25 lines
		
	
	
		
			559 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
// #docregion
 | 
						|
import { Component }       from '@angular/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();
 | 
						|
  }
 | 
						|
}
 |