比率グループの角度配列とng-repeat

Question

この小さなプロジェクトでデータベースがないため、アプリの変数に直接記入できるアンケートを作成したいと思います。質問は20の質問で行い、答えを選択するためにラジオボタンを使用しています。アンケートの最後の最後で、私はこのために私はスコープオブジェクトtestResult

当初、私は手動ですべての20件の質問とラジオ変数を埋めるために考えていたんでしたが、私はng-を見て、選択した解答を表示する必要があります。参考にすることができる角度機能を繰り返し、私がこの場合に使用できるかどうかを知りたい。

各無線グループの初期値を配列と配列に格納しておき、ng-repeatを使用して表示することができます。私は本当にどこから始めるべきか分からない。

次は私のプロジェクトに関連するコードです。私は繰り返す必要が何

ビュー

<div class="form-group"> 
    <div class="radio"> 
     <label><input type="radio" name="qs01" ng-model="testResult.qs01" value="1"> 
      Question One. 
     </label> 
    </div> 
    <div class="radio"> 
     <label><input type="radio" name="qs01" ng-model="testResult.qs01" value="2"> 
      Question Two. 
     </label> 
    </div> 
    <div class="radio"> 
     <label><input type="radio" name="qs01" ng-model="testResult.qs01" value="3"> 
      Question Three. 
     </label> 
    </div> 
    <div class="radio"> 
     <label><input type="radio" name="qs01" ng-model="testResult.qs01" value="4"> 
      Question Four. 
     </label> 
    </div> 
    <div class="radio"> 
     <label><input type="radio" name="qs01" ng-model="testResult.qs01" value="5"> 
      Question Five. 
     </label> 
    </div> 
</div> 

のApp

// Test Result Object 
$scope.testResult = {}; 

は次のとおりです。

<div class="radio"> 
    <label><input type="radio" name="qs01" ng-model="testResult.qs01" value="Question Variable"> 
     Question Variable 
    </label> 
</div> 

Answer 1

あなたは、各ラジオで異なるラベルを入れています。しかし、それぞれのラジオは、同じ質問の値のオプションです。

ng-repeatを使用するには、ラジオオプションの配列を含める必要があります。だから、何ができる：

$scope.qs01Options = ['blue', 'red', 'yellow'];

<div class="form-group"> 
    <div class="radio"> 
     <label>Question One.</label> 
     <input ng-repeat="opt in qs01Options" type="radio" name="qs01" ng-model="testResult.qs01" value="{{opt}}"> 
    </div> 
</div> 

これは1質問のオプションを繰り返します。同じフィールドの無線入力がフォーム内でどのように動作するのかという理由で、名前は同じままです。

質問が複数あり、それぞれ複数のオプションがある場合は、配列の配列を使用する必要があります。各オブジェクトは、その質問のオプションの配列を保持します。