從AngularJS中的多個複選框中獲取價值

Question

以下是我嘗試獲取多個複選框的值的代碼，但其中有些如何不起作用。讓我知道我在這裏做錯了什麼，順便說一下，這個列表是動態的，並且不會僅包含數組中的3個項目。

我Plnkr - PLNKR CODE

HTML -

<table> 
    <tr ng-repeat="student in studentList"> 
    <td ng-bind="$index + 1"></td> 
    <td ng-bind="student.email"></td> 
    <td ng-bind="student.fname"></td> 
    <td ng-bind="student.lname"></td> 
    <td> 
    <input type="checkbox" ng-model="studcheck" ng-value="$index" /> 
    </td> 
</tr> 
</table> 
{{studcheck}} 

控制器代碼 -

var myApp = angular.module('myApp', []); 

myApp.controller('mainCtrl', function($scope){ 
    $scope.studentList = [ 
    {email: 'test1@gmail.com', fname: 'Test1', lname: 'Last1' }, 
    {email: 'test2@gmail.com', fname: 'Test2', lname: 'Last2' }, 
    {email: 'test3@gmail.com', fname: 'Test3', lname: 'Last3' }, 
    ]; 

    $scope.studcheck = {}; 
}); 

Answer 1

你不能在同一個模型使用ng-model多次，但這裏只指定密鑰並將其應該很好：

<input type="checkbox" ng-model="studcheck[$index]" ng-value="$index" /> 

如果您想更新student模型知道它是否被選中與否，你可以嘗試使用ng-change：

<input type="checkbox" ng-model="studcheck[$index]" ng-value="$index" ng-change="student.checked = !student.checked" />