angularjsを使用して実行時に作成されたフォームがあります。このフォームには 6 つの質問があり、質問 1 の回答はラジオ ボタンで、残りの質問にはチェックボックスの回答があります。
フォームは次のように作成されます
<form ng-controller="PersonalityCtrl" ng-submit="submitInterests()">
<div ng-repeat="question in interestQuestions.slice(0,1)" style="display: block;">
<br> <span style="float: left">{{question.question}}</span> <br />
<span ng-repeat="(key, value) in question.choices">
<input name="{{question.number}}"
ng-click="addChoice(question.number, key,question.questionType)"
type="radio" value="{{key}}" required />
{{value}}
</span> <br />
</div>
<div ng-repeat="question in interestQuestions.slice(1,6)" style="display: block;">
<br> <span style="float: left">{{question.question}}</span> <br />
<span ng-repeat="(key, value) in question.choices">
<input name="{{question.number}}"
ng-click="addChoice(question.number, key,question.questionType)"
type="checkbox" value="{{key}}" />
{{value}}
</span> <br />
</div>
<input type="submit" value="submit"></input>
</ng-form>
私の生成されたフォームは次のようになります
Question : 1
0 0 0 0 0 (0 represents radio button)
Question : 2
o o o o o (o represents check box)
Question : 3
o o o o o (o represents check box)
Question : 4
o o o o o (o represents check box)
フォームを送信するとき、投稿データはフォームでなければなりません
[{1:[list of answers]},{2:[list of answers]},{...},{...},{...},{...}]
ここで、1,2 は質問番号を表し、回答のリストはチェックボックスの値です。
私の質問は、angularjs を使用して各質問の回答を個別の配列に保存する方法です。
現在、私はそれをやっています(しかし、角度のある方法ではないようです)。
var q1 = {
questionNumber : 1,
answer : new Array()
};
var q2 = {
questionNumber : 2,
answer : new Array()
};
var q3 = {
questionNumber : 3,
answer : new Array()
};
var q4 = {
questionNumber : 4,
answer : new Array()
};
var q5 = {
questionNumber : 5,
answer : new Array()
};
var q6 = {
questionNumber : 6,
answer : new Array()
};
var userInterestAnswers = [ q1, q2, q3, q4, q5, q6 ];
var choiceList = new Array();
$scope.addChoice = function(question, choice, questionType) {
switch (question) {
case 1:
q1.answer.push(choice);
break;
case 2:
q2.answer.push(choice);
break;
case 3:
q3.answer.push(choice);
break;
case 4:
q4.answer.push(choice);
break;
case 5:
q5.answer.push(choice);
break;
case 6:
q6.answer.push(choice);
break;
default:
}