如何創建數據表基本angularjs指令

我的HTML：如何創建數據表基本angularjs指令

<table data-table ng-show="bookings"> 
    <thead> 
     <tr> 
      <th>Name</th> 
      <th>Surname</th> 
      <th>ID number</th> 
      <th>Email</th> 
      <th>Cellphone</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr ng-repeat="booking in bookings | orderBy:['student.firstname', 'student.surname']"> 
      <td>{{ booking.student.firstname }}</td> 
      <td>{{ booking.student.surname }}</td> 
      <td>{{ booking.student.id_number }}</td> 
      <td>{{ booking.student.email }}</td> 
      <td>{{ booking.student.cellphone }}</td> 
     </tr> 
    </tbody> 
</table>

我的指令：

.directive('dataTable', function() { 
     return { 
      restrict: 'A', 
      replace: false, 
      transclude: true, 
      link: function (scope, el, attrs) { 
       console.info('dataTable', el); 
       $(el).dataTable(); 
      } 
     } 
    })

我沒有得到任何錯誤，但不會顯示任何內容（我不知道現在是什麼el是）。我希望在信息被轉移的地方使用它，然後使用dataTable的'零配置'。我想這將是簡單的，唉，指令:(

來源

2014-02-12 Tjorriemorrie

順便說一句，你檢查了[angular-table]（http://angulartable.com/）？ – Atropo

@Atropo謝謝你，雖然我必須有過濾框和分頁 – Tjorriemorrie