AngularJS datables

Question

Ich bin neu in AngularJS. Ich stehe vor einem Problem, meine Daten werden nicht in der Datentabelle angezeigt. Kann mir jemand dabei helfen?

mein Code

HTML-Code

<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 Code

/* 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; 

    }); 

als eine Ausgabe ist immer ...

Wenn ich auf die Sortieroption klicke, erscheint "Keine Daten in der Tabelle verfügbar" ... Warum passiert das? Warten auf eine Antwort. Vielen Dank im Voraus

Answer 1

mach's gut.

0- Sie müssen die Datentabelle als ng definieren. Also, in Ihrer Linie:

<table id="myTable" class="table table-striped table-hover" datatable=""> 

Sie müssen es ändern:

<table id="myTable" class="table table-striped table-hover" datatable="ng"> 

1- Achten Sie darauf, über die Zahl der Daten in jeder Zeile. Denn wenn es eine andere Anzahl von ist. Es wird dir einige Probleme bereiten.

2- Verwenden Sie die eckigen Databases? Sie müssen mit den jquery-Datatables verwendet werden. Mit beiden wird es funktionieren.

Sie können die diese Plunkr überprüfen: http://plnkr.co/edit/0lDhg9Mehn72E3rWAsLN?p=preview

Plus, können Sie die Dokumentation hier überprüfen: https://l-lin.github.io/angular-datatables/#/angularWay