如何使用Angular绑定jQuery数据表行中的复选框

Question

我在同一角度控制器中具有以下功能。

$ scope.init（）用于配置Jquery数据表。

在第一列中，我具有复选框 ，我需要在复选框更改/切换时调用toggleSelection（）并传递一个对象ID。

但是，我无法这样做。

$scope.init = function {
 var testTable = $('#testTable').dataTable($.extend({
    aaSorting:[[5, 'desc']],
    fnRowCallback: function (nRow, object, iDisplayIndex){
          //some code to format rows
    },
    aoColumns: [{
                mData: "id", sTitle: "", bSortable: false,
                mRender:function(data, type, question){
                return '<input type="checkbox" ng-click="toggleSelection(' + object.id + ')"/>';
    }},
    //....Other columns
    ],
    fnServerData: TestApiHandler
    }, defaultTableSettings))

    //TestApiHandler: Already configured for Ajax call
    //defaultTableSettings: dafault setting for datatable
}

$scope.toggleSelection = function(id) {
    console.log('Object Id' + id)
}

以下是用于数据表的HTML。

<table id="testTable" class="table table-bordered table-condensed table-striped table-hover "></table>

Answer 1

使用更多角度的方式：

在您的html中：

<table...> <input ng-repeat="chbx in checkboxes" type="checkbox" ng-click="toggleSelection({{chbx .id}})"/> ... </table>

并在控制器中：

$scope.checkboxes = [{id: 42}, ...];

Answer 2

您可以将ngModel与复选框一起使用。

<input ng-model="checkboxes[object.id]" ng-click=... />

在您的控制器中：

$scope.checkboxes = [];