jquery - Angular DataTables - Cannot read property 'match' -
i working jquery , angular datatables. not getting data in table.
typeerror: cannot read property 'match' of undefined @ object.i [as render] (angular-datatables.min.js:6)
these plugins arranged this.
<script type="text/javascript" src="js/jquery/1.11.1/jquery-1.11.1.min.js"></script> <script type="text/javascript" src="js/angular.min.js"></script> <script type="text/javascript" src="js/jquery.datatables.min.js"></script> <script type="text/javascript" src="js/angular-datatables.min.js"></script>
this table in jsp file: internships saved in database has view in table. jquery table use angularjs?
<table datatable="ng" dt-options="dtoptions" cellspacing="0" width="100%"> <thead> <tr> <th>id</th> <th>title</th> <th>category</th> <th>status</th> <th>created date</th> <th>action</th> </tr> </thead> <tfoot> <tr> <th>id</th> <th>title</th> <th>category</th> <th>status</th> <th>created date</th> <th>action</th> </tr> </tfoot> <tbody ng-repeat="internship in deatilinternships[0]"> <tr> <td><span>{{$index+1}}</span></td> <td><span>{{internship.title}}</span></td> <td><span>{{internship.category.name}}</span></td> <td><span>{{internship.status}}</span></td> <td><span>{{internship.applieddate | date:'d mmmm yyyy'}}</span> </td> <td> <button class="btn btn-default btn-sm" data-title="hold" data-toggle="modal" ng-click="hold(internship.id)"> <i class="fa fa-pause"></i> </button> <a href="javascript:;" class="btn btn-default btn-sm" data-title="edit" data-toggle="modal" ng-click="update(internship.id)"> <i class="icon bb-edit"></i></a> <button class="btn btn-default btn-sm" data-title="delete" data-toggle="modal" ng-click="deleteinternship(internship.id)"> <i class="icon bb-trash"></i> </button> <button class="btn btn-default btn-sm" data-title="view" data-toggle="modal" ng-click="viewinternship(internship.id)"> <i class="icon bb-view"></i> </button> </td> </tr> </tbody> </table>
and data coming form backend.
controller.js:
$scope.dtoptions = dtoptionsbuilder.newoptions().withpaginationtype('full_numbers').withdisplaylength(10); var getinternships = function () { var data = "pagenumber=" + pagenumber + "&pagesize=" + $scope.pagesize; internshipservice.getinternships(data, function (data) { if (data) { $scope.internshipslength = data.length; } if (data && data.length > 0) { if (latestinterships.length == 0) { latestinterships = data; } else if (latestinterships.length > 0) { latestinterships = latestinterships.concat(data); } $scope.deatilinternships = []; var index = 0; (var = 0; < latestinterships.length; i++) { if (!$scope.deatilinternships[index]) { $scope.deatilinternships[index] = []; } $scope.deatilinternships[index].push(latestinterships[i]); } } $rootscope.internshipcount = data.length; }); }; getinternships();
app.js: injected dependency 'datatables'
nothing displaying in table.
Comments
Post a Comment