我是AngularJS的新手。我遇到问题,我的数据没有显示在数据表中。任何人都可以帮我这个吗?
我的代码
HTML代码
<div class="content table-responsive table-full-width">
<table id="myTable" class="table table-striped table-hover" datatable="">
<thead>
<th>Account ID</th>
<th>Name</th>
<th>Email</th>
<th>Registered On</th>
<!--<th>Settings</th>-->
<th>Status</th>
</thead>
<tbody>
<tr ng-repeat="user in users">
<td style="text-align:left;">{{user.account}}</td>
<td style="text-align:left;">{{user.name}}</td>
<td style="text-align:left;">{{user.email}}</td>
<td style="text-align:left;" ng-model="dateVal">{{user.register}}</td>
<td style="text-align:left;">
<span class="label {{ user.status == 1 && 'label-success' || 'label-danger'}} " ng-click="updated(user.id)">
{{ user.status == 1 && 'Active' || 'Inactive'}}
</span>
</td>
<td>
<a href="index.html#/edit_userpermission?id={{user.id}}" class="fa fa-cog" data-toggle="modal" data-target="#myModal"></a>
</td>
</tr>
</tbody>
</table>
JS代码
/* User Listing */
var url = UserService.url+'users.php?token='+localStorage.getItem("token");
$http.get(url).success( function(data)
{
$('#myTable').DataTable();
if(data.login != null ){
$location.path( "/logout" );
}
$scope.users = data;
});
当我点击排序选项时,它会显示&#34;表格中没有可用的数据&#34; ... 为什么会这样? 等待回应。提前致谢
答案 0 :(得分:1)
0-您必须将数据表定义为ng。所以,在你的行中:
<table id="myTable" class="table table-striped table-hover" datatable="">
您必须将其更改为:
<table id="myTable" class="table table-striped table-hover" datatable="ng">
1-注意每行中的数据数量。因为如果是不同的数量。它会给你一些问题。
2-您使用的是角度数据表吗?您必须与jquery数据表一起使用。两者都可以。
您可以查看此Plunkr:http://plnkr.co/edit/0lDhg9Mehn72E3rWAsLN?p=preview
另外,您可以在此处查看文档:{{3}}