Angularjs Angular JS datatable服务器端脚本不工作

Hi Iam使用带节点的角度JS。当我在angularjs数据表中使用客户端时，当获得大量记录[>5000条记录]时，浏览器将进入无响应状态。因此，我尝试使用服务器端脚本，但在使用时，我在FireBug中遇到以下错误

包括脚本。（其格式为Jade）[要将其转换为HTML，请使用HTML-To-Jade转换器]

---------------------------
script(src='https://code.jquery.com/jquery-2.1.4.min.js')
script(src="https://cdn.datatables.net/1.10.8/js/jquery.dataTables.min.js")
script(src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular.min.js")
script(src="/angular-datatables.min.js")

Table syntax used
---------------------------
table(datatable="" dt-options="dtOptions" dt-columns="dtColumns" class="row-border hover")


Controller Script
-----------------------
myApp.controller("manualReview", ['$scope', '$http', 'DTOptionsBuilder', 'DTColumnBuilder', function ($scope, $http, DTOptionsBuilder, DTColumnBuilder) {
    $scope.dtOptions = DTOptionsBuilder.newOptions()
        .withOption('ajax', {
           // Either you specify the AjaxDataProp here
           // dataSrc: 'data',
           url: '/api/List',
           type: 'GET',
           data : {'FirstName':'Mythili'}
       })
       // or here
       .withDataProp('data')
        .withOption('processing', true)
        .withOption('serverSide', true)
        .withPaginationType('full_numbers');
       $scope.dtColumns = [
           DTColumnBuilder.newColumn('id').withTitle('ID'),
           DTColumnBuilder.newColumn('firstName').withTitle('First name'),
           DTColumnBuilder.newColumn('lastName').withTitle('Last name')
       ];
    }
}])

Error obtained in Fire bug
-------------------------------------
Error: e[j] is undefined V@https://cdn.datatables.net/1.10.8/js/jquery.dataTables.min.js:64:393 xa@https://cdn.datatables.net/1.10.8/js/jquery.dataTables.min.js:69:28 S/m/<@https://cdn.datatables.net/1.10.8/js/jquery.dataTables.min.js:93:76 .each@https://code.jquery.com/jquery-2.1.4.min.js:2:2880 n.prototype.each@https://code.jquery.com/jquery-2.1.4.min.js:2:845 S/m@https://cdn.datatables.net/1.10.8/js/jquery.dataTables.min.js:84:291 S/g.fn.DataTable@https://cdn.datatables.net/1.10.8/js/jquery.dataTables.min.js:162:461 f@http://localhost:8080/angular-datatables.min.js:6:5949 g@http://localhost:8080/angular-datatables.min.js:6:6080 f@http://localhost:8080/angular-datatables.min.js:6:6591 i/<@http://localhost:8080/angular-datatables.min.js:6:1257 f/<@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular.min.js:120:113 hf/this.$get</m.prototype.$eval@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular.min.js:134:394 hf/this.$get</m.prototype.$digest@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular.min.js:131:419 hf/this.$get</m.prototype.$apply@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular.min.js:135:159 zc/d/<@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular.min.js:19:315 e@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular.min.js:39:17 zc/d@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular.min.js:19:236 zc@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular.min.js:20:30 Yd@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular.min.js:18:342 @https://ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular.min.js:289:159 n.Callbacks/j@https://code.jquery.com/jquery-2.1.4.min.js:2:26920 n.Callbacks/k.fireWith@https://code.jquery.com/jquery-2.1.4.min.js:2:27738 .ready@https://code.jquery.com/jquery-2.1.4.min.js:2:29530 I@https://code.jquery.com/jquery-2.1.4.min.js:2:29721


angular.min.js (line 108)
3

Error: p.nTHead is null S/m/<@https://cdn.datatables.net/1.10.8/js/jquery.dataTables.min.js:85:134 .each@https://code.jquery.com/jquery-2.1.4.min.js:2:2880 n.prototype.each@https://code.jquery.com/jquery-2.1.4.min.js:2:845 S/m@https://cdn.datatables.net/1.10.8/js/jquery.dataTables.min.js:84:291 S/g.fn.DataTable@https://cdn.datatables.net/1.10.8/js/jquery.dataTables.min.js:162:461 f@http://localhost:8080/angular-datatables.min.js:6:5949 g@http://localhost:8080/angular-datatables.min.js:6:6080 i/</<@http://localhost:8080/angular-datatables.min.js:6:7293 f/r<@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular.min.js:147:369 e@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular.min.js:43:49 Jf/l.defer/c<@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular.min.js:45:442 

Error: You cannot use server side processing along with the Angular renderer!
f@http://localhost:8080/angular-datatables.min.js:6:10623
i/<@http://localhost:8080/angular-datatables.min.js:6:1257
f/<@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular.min.js:120:113
hf/this.$get</m.prototype.$eval@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular.min.js:134:394
hf/this.$get</m.prototype.$digest@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular.min.js:131:419
hf/this.$get</m.prototype.$apply@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular.min.js:135:159
Jc[c]</<.compile/</<@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular.min.js:251:468
n.event.dispatch@https://code.jquery.com/jquery-2.1.4.min.js:3:6414
n.event.add/r.handle@https://code.jquery.com/jquery-2.1.4.min.js:3:3224

---------------------------
脚本（src=）https://code.jquery.com/jquery-2.1.4.min.js')
脚本（src=”https://cdn.datatables.net/1.10.8/js/jquery.dataTables.min.js")
脚本（src=”https://ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular.min.js")
脚本（src=“/angular datatables.min.js”）
使用的表语法
---------------------------
表（datatable=”“dt options=“dtOptions”dt columns=“dtColumns”class=“行边框悬停”）
控制器脚本
-----------------------
myApp.controller（“manualReview”、[“$scope”、“$http”、“DTOptionsBuilder”、“DTColumnBuilder”、函数（$scope、$http、DTOptionsBuilder、DTColumnBuilder）{
$scope.dtOptions=DTOptionsBuilder.newOptions（）
.withOption（'ajax'{
//您可以在此处指定AjaxDataProp
//dataSrc:'数据'，
url:“/api/List”，
键入：“GET”，
数据：{'FirstName'：'Mythili'}
})
//还是在这里
.withDataProp（“数据”）
.withOption（'processing'，true）
.withOption（'serverSide'，true）
.WithingPaginationType（“完整编号”）；
$scope.dtColumns=[
DTColumnBuilder.newColumn（'id'）。withTitle（'id'），
DTColumnBuilder.newColumn（'firstName'）。withTitle（'firstName'），
DTColumnBuilder.newColumn（'lastName'）。withTitle（'lastName'））
];
}
}])
Fire bug中获取的错误
-------------------------------------
错误：e[j]未定义V@https：//cdn.datatables.net/1.10.8/js/jquery.datatables.min.js:64:393xa@https：//cdn.datatables.net/1.10.8/js/jquery.datatables.min.js:69:28 S/m/您不能将服务器端与角度渲染（ng repeat）一起使用，也不能使用承诺。这就是抛出错误的原因。如果您的数据表有5000行，您可能需要重新考虑您的UI，并使用延迟加载滚动或分页。没有人一次看5000行。