AngularJS 中的复选框

Question

我有一个表格，其中包含带有复选框的行。当我点击一个复选框时，我希望将 ID 属性的值推送到对象中。

我有以下 HTML 代码：

<tr ng-repeat="info in test">
    <td>{{info.stracka}}</td>
    <td>{{info.tid}}</td>
    <td><input type="checkbox" id="{{info.id}}" ng-model="compare.checkbox">
</tr>

如您所见，我的 ng-model 连接到一个比较对象。如何将 ID 属性的值添加到比较对象？ ng-model 似乎只能将一个复选框的值绑定到控制器中的变量。我该如何解决这个问题？

这是我的控制器：

as.controller('Test', function($scope, $http, $rootScope, testFactory)
{   
    $http.get($rootScope.appUrl + '/nao/test/test')
        .success(function(data, status, headers, config) {
            $scope.test = data.data;
    });

    $scope.form = {};
    $scope.compare = {};
    $scope.submitForm = function(isValid) {
        if(isValid) 
        {   
            /*testFactory.testFactoryMethod(function($http) {
                $scope.test = data;
            });*/
            $http.post($rootScope.appUrl + '/nao/test', $scope.form)
            .success(function(data, status, headers, config) {
                console.log(data);
                $scope.test.push($scope.form);
                $scope.test.push(data);
            }).error(function(data, status) {

            });
        }
    };
});

Answer 1

您的问题是将所有复选框绑定到compare.checkbox

如果您将$scope.compare.checkbox = []; 添加到控制器 和 而是使用

ng-model="compare.checkbox[info.tid]

假设info.tid 是一个数字并且是唯一的，您应该能够通过使用从控制器访问复选框

$scope.compare.checkbox[thetidhere];

Answer 2

要推送额外数据，您应该使用ng-click，方式如下：

<input 
    type="checkbox" id="{{info.id}}" 
    ng-model="compare.checkbox" 
    ng-click="compare.id_attribute = info.id" 
/>