Uncaught TypeError：无法读取未定义的属性“行”在Angular JS中不起作用

Question

I want to read the values of row in a datatable for that I Implemented something like this.

$('#entry-grid').on('click', '.check', function () {
        var row = $(this).closest("tr");            
        var data = $scope.dtInstance.DataTable.row.data();
        alert(data);
    })   

and below is my table

<table id="entry-grid" datatable="" dtinstance="dtInstanceCallback" dt-options="dtOptions" dt-columns="dtColumns" class="table table-hover"></table>

But while debugging I am getting error as

Uncaught TypeError: Cannot read property 'row' of undefined

don't know why its giving the error

UPDATE

Here is my updated anuglar code which I am trying to work it out but its not.

 var app = angular.module('MyApp', ['datatables']); app.controller('homeCtrl', ['$scope', '$http', 'DTOptionsBuilder', 'DTColumnBuilder', function ($scope, $http, DTOptionsBuilder, DTColumnBuilder) { $scope.dtColumns = [ DTColumnBuilder.newColumn(null, '').renderWith(function(data, type, full) { return '<input type="checkbox" class="check" data-object-id="'+full.objectid+'">' }), DTColumnBuilder.newColumn("OBJECTID", "ID"), DTColumnBuilder.newColumn("SERVICE_CODE", "Service Code"), DTColumnBuilder.newColumn("COND1", "Condition 1"), DTColumnBuilder.newColumn("COND2", "Condition 2"), DTColumnBuilder.newColumn("COND3", "Condition 3"), DTColumnBuilder.newColumn("SERVICE_TYPE", "Service type"), DTColumnBuilder.newColumn("REMARK", "Remark"), DTColumnBuilder.newColumn("DESCRIPTION", "Description") ] $scope.dtOptions = DTOptionsBuilder.newOptions().withOption('ajax', { url: "/home/getdata", type: "POST" }) .withPaginationType('full_numbers') .withDisplayLength(10); $scope.dtInstance = {}; $scope.dtIntanceCallback = function (instance) { $scope.dtInstance = instance; } $scope.dtRebind = function () { $scope.dtInstance.DataTable.draw() } $('#entry-grid').on('click', '.check', function () { var row = $(this).closest("tr"); var data = $scope.dtInstance.DataTable.row().data(); // here is the error of row undefined }) }]) 

Answer 1

如果我没记错的话，正确使用的指令应该是dt-instance而不是dtinstance因为您将其作为$scope.dtInstance进行驼峰式访问，因此等效的指令将被$scope.dtInstance 。

<table id="entry-grid" datatable="" dt-instance="dtInstanceCallback" dt-options="dtOptions" dt-columns="dtColumns" class="table table-hover"></table>