javascript - 获取复选框组 Angular 1.6 的选定值

Question

我的目标是拥有一组复选框，用户可以在其中进行选择，当他们点击提交按钮时，我会将他们选择的内容打印到控制台。

我的问题是我似乎无法从我的 Javascript 中的复选框组中获取数据。我试图创建一个最小的可重现示例，但我什至无法在 jsfiddle 上运行 ng-repeat :-S jsfiddle

我想使用 ng-repeat 创建一堆复选框

<ul>
  <li ng-repeat="game in games">
    <input type="checkbox" ng-model="answers.games" value="{{game.game_id}}">{{game.game}}
  </li>
</ul>

在 javascript 方面我有类似的东西

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

    app.controller('playController', function($scope, $rootScope, $http){
        getWeeks();

        $scope.games = [
        {game_id: 1, game: "Game 1"},
        {game_id: 2, game: "Game 2"},
        {game_id: 3, game: "Game 3"}
        ]

        $scope.score_submission = function(){
            console.log($scope.answers)
        }
    })
})();

但是，复选框并没有像我想象的那样绑定(bind)到 $scope.answers，相反，$scope.answers 仍然未定义。我想要返回的是一组已检查的 game_id 值。

Answer 1

另一种方法是:

<ul>
  <li ng-repeat="game in games">
    <input type="checkbox" ng-model="selected[game.id]"> {{game.game}}
  </li>
</ul>

$scope.selected = {};