大佬教程收集整理的这篇文章主要介绍了angularjs – 如何使用角度js和datatable与额外的行和列绑定数据，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我已经通过this文章的帮助,实现了使用带有角度j的datatable的数据表.
在文章作者中已经完成了以下工作：
<table id="entry-grid" datatable="" dt-options="dtOptions"
dt-columns="dtColumns" class="table table-hover">
</table>
但是我想这样做,通过使用上述相同的功能,使用ng-repeat,根据我的数据：
<table id="tblusers" class="table table-bordered table-striped table-condensed datatable">
<thead>
<tr>
<th width="2%"></th>
<th>User Name</th>
<th>Email</th>
<th>LoginID</th>
<th>Location Name</th>
<th>Role</th>
<th width="7%" class="center-text">Active</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="user in Users">
<td><a href="#" ng-click="DeleteUser(user)"><span class="icon-trash"></span></a></td>
<td><a class="ahyperlink" href="#" ng-click="EditUser(user)">{{user.UserFirstName}} {{user.UserLastName}}</a></td>
<td>{{user.UserEmail}}</td>
<td>{{user.LoginID}}</td>
<td>{{user.LocationName}}</td>
<td>{{user.RoleName}}</td>
<td class="center-text" ng-if="user.IsActive == true"><span class="icon-check2"></span></td>
<td class="center-text" ng-if="user.IsActive == false"><span class="icon-close"></span></td>
</tr>
</tbody>
</table>
可能吗？
HTML：
<table id="entry-grid" datatable="ng" class="table table-hover">
<thead>
<tr>
<th>
CustomerId
</th>
<th>Company Name </th>
<th>Contact Name</th>
<th>
Phone
</th>
<th>
City
</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="c in Customers">
<td>{{c.CustomerID}}</td>
<td>{{c.CompanyName}}</td>
<td>{{c.ContactName}}</td>
<td>{{c.Phone}}</td>\
<td>{{c.City}}</td>
</tr>
</tbody>
</table>
创建控制器角度如下：
var app = angular.module('MyApp1',['datatables']);
app.controller('homeCtrl',['$scope','HomeService',function ($scope,homeService) {
$scope.GetCustomers = function () {
homeService.GetCustomers()
.then(
function (response) {
debugger;
$scope.Customers = response.data;
});
}
$scope.GetCustomers();
}])
服务：
app.service('HomeService',["$http","$q",function ($http,$q) {
this.GetCustomers = function () {
debugger;
var request = $http({
method: "Get",url: "/home/getdata"
});
return request;
}
}]);
以上是大佬教程为你收集整理的angularjs – 如何使用角度js和datatable与额外的行和列绑定数据全部内容，希望文章能够帮你解决angularjs – 如何使用角度js和datatable与额外的行和列绑定数据所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。