HTML:
JavaScript:
angular.module('myApp', ['datatables'])
.controller('myController', function($scope, DTOptionsBuilder, DTColumnBuilder, $http) {
$scope.dtOptions = DTOptionsBuilder.newOptions().withOption('ajax', {
url: 'your_api_endpoint',
type: 'GET'
}).withDataProp('data');
$scope.dtColumns = [
DTColumnBuilder.newColumn('id').withTitle('ID'),
DTColumnBuilder.newColumn('name').withTitle('Name'),
DTColumnBuilder.newColumn('email').withTitle('Email')
];
$scope.dtInstance = {};
});
HTML:
JavaScript:
$(document).ready(function() {
$('#myTable').DataTable({
ajax: 'your_api_endpoint',
columns: [
{ data: 'id', title: 'ID' },
{ data: 'name', title: 'Name' },
{ data: 'email', title: 'Email' }
]
});
});
以上是使用AngularJS Datatables Promise和Ignited Datatables的基本示例。根据你的具体需求,可能需要对代码进行适当修改。