JSON 객체를 기반으로 동적 양식을 만듭니다.

Question

현재 사용자가 자신에 대한 질문에 답변 할 수있는 앱을 개발 중입니다. API에서 이러한 질문을 검색하고 있습니다. 이제이 질문들을 입력으로 양식을 만들고 싶습니다. 현재 여기에 설명 된 간단한 형식과 비슷한 것을 사용하고 있습니다. http://learnangular2.com/forms/

이제 내 API가 제공하는 질문에 따라이 양식을 만들 수 있는지 궁금합니다. 모든 질문이있는 JSON 객체를 얻을 수는 있지만 JSON 객체의 질문으로 양식을 채우는 for 루프를 만들 수 있습니까? 질문을 통해 루프

this.loginForm = fb.group({ 
    email: ["", Validators.required], 
    password: ["", Validators.required] 
}); 

Answer 1

사용 Template-Driven forms

사용 ngFor 및 각 ngControl 만들기 : 예제의 코드의이 부분은 위에서 나에게 그것을 이런 식으로 불가능하다는 인상을 준다.

ngControl 이름이 요소에 대응하는 내부

<form #form="ngForm" (ngSubmit)="logForm(form.value)"> 
    <div *ngFor="#question of questionsList; #i = index"> 
    <label>{{question}}</label> 
    <input type="text" [ngControl]="'Question' + i"> 
    </div> 
<button type="submit">Submit</button> 
</form> 

logForm 방법 ... Question1, Question2로 설정되며, 오브젝트 함유 키 (ngControl 이름)과 값 (해당 입력 값)를 얻을