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名Question1に設定され、Question2 ...

<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方法、構成要素に対応する内側に、（入力値に対応する）、キー（ngControl名）を含むオブジェクトと値を取得します