AngularJS：重複​​並從表格中的複選框中獲取值

Question

我有一個名爲studentData的對象，它具有多個屬性。我有一個對應於一定數量問題的表格。我打算做的是，爲每個學生，檢查問題編號的值是否正確，然後推入studentData.correctQuestionNumbers這是一個數組。 但是，複選框似乎沒有重複。

檢視：

<table class="flat-table flat-table-3"> 
    <tr> 
     <th>Student Name</th> 
     <th ng-repeat="questionNumber in questionNumbers">{{ questionNumber }}</th>   
    </tr> 
    <tr ng-repeat="student in studentData"> 
     <td>{{ student.name }}</td> 
     <td ng-repeat="questionNumber in questionNumbers"><input type="checkbox" ng-model="student.correctQuestionNumbers[]"></td> 
    </tr> 
</table> 

控制器：

$scope.questionNumbers = [1, 2, 3, 4, 5] 
    $scope.correctQuestionNumbers = []; 

$scope.selectStudents = [{batch:'A1', name: 'ABC'}, {batch:'A2', name: 'XYZ'}]; 

$scope.studentData = []; 
for(var i = 0; i < $scope.selectedStudents.length; i++){ 
    $scope.studentData.push({name: $scope.selectedStudents[i].name, 
    batch: $scope.selectedStudents[i].batch, 
    correctQuestionNumbers: $scope.correctQuestionNumbers}); 
} 

Answer 1

嘗試以下代碼：

控制器：

$scope.questionNumbers = [1, 2, 3, 4, 5] 
$scope.selectedStudents = [{batch:'A1', name: 'ABC'}, {batch:'A2', name: 'XYZ'}]; 

$scope.studentData = []; 
for(var i = 0; i < $scope.selectedStudents.length; i++){ 
    $scope.studentData.push({name: $scope.selectedStudents[i].name, 
    batch: $scope.selectedStudents[i].batch, 
    correctQuestionNumbers: []}); 
} 

查看：

<table class="flat-table flat-table-3"> 
    <tr> 
    <th>Student Name</th> 
    <th ng-repeat="questionNumber in questionNumbers">{{ questionNumber }}</th>   
    </tr> 
    <tr ng-repeat="student in studentData"> 
    <td>{{ student.name }}</td> 
    <td ng-repeat="questionNumber in questionNumbers"><input type="checkbox" ng-model="student.correctQuestionNumbers[$index]"></td> 
    </tr> 
</table>