AngularJS datables

Question

我是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; 

    }); 

正在一個輸出...

當我點擊排序選項時，它會顯示「表中沒有可用數據」... 爲什麼會發生這種情況？ 等待迴應。在此先感謝

Answer 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

另外，你可以在這裏查看文檔：https://l-lin.github.io/angular-datatables/#/angularWay