角度數組和ng-repeat比率組

Question

我想製作一個問卷，我可以直接在應用程序的變量中填充，因爲我在這個小項目中沒有任何數據庫。問卷由20個問題組成，我使用單選按鈕選擇答案。在問卷調查的結束，我必需要顯示選定的答案，爲了這個，我做的範圍對象的TestResult

起初，我在想手工填寫的所有20個問題和無線電變量，但我看到了一個N​​G-重複角度功能可能有幫助，並且想知道在這種情況下是否可以使用它。

我可能將每個無線電組的初始值存儲在數組中，然後使用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> 

應用

// 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

您在每個無線電把不同的標籤。但是每個收音機都是相同問題的值的選項。

您需要包含radio選項數組才能使用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提問的選項。名稱保持不變，因爲這是同一場的無線電輸入如何在一個表單中工作。

如果你想有多個問題，每個問題有多個選項，你需要使用一個數組數組;每個對象都會爲該問題提供一系列選項。