2016-07-02 9 views
1

私は以下のコード&を使用しますが、うまく動作しますが、dt-optionsからではなくng-repeatのtbodyのデータが必要です。jQuery Datatables in AngularJS

既存の角度テーブルをデータテーブルに変更する方法はありますか。

角度モジュール: -

var app = angular.module('myApp', ['datatables']); 
    app.controller('myCntrl', ['$scope', '$http', 'DTOptionsBuilder', 'DTColumnBuilder', 
     function ($scope, $http, DTOptionsBuilder, DTColumnBuilder) { 
      $scope.dtColumns = [ 
      DTColumnBuilder.newColumn("name", "Name"), 
      DTColumnBuilder.newColumn("DOB", "DOB"), 
      DTColumnBuilder.newColumn("Gender", "Gender"), 
      DTColumnBuilder.newColumn("Email", "Email ID"), 
      DTColumnBuilder.newColumn("Mobile", "Mobile"), 
      DTColumnBuilder.newColumn("Address", "Address"), 
      DTColumnBuilder.newColumn("JoiningDate", "Joining Date"), 
      DTColumnBuilder.newColumn("DepartmentName", "Department Name"), 
      DTColumnBuilder.newColumn("DesignationName", "Designation Name"), 
      DTColumnBuilder.newColumn("CountryName", "Country Name"), 
      DTColumnBuilder.newColumn("StateName", "State Name"), 
      DTColumnBuilder.newColumn("FilePath", "File Path") 
      //,DTColumnBuilder.newColumn("Actions", "Actions") 

      ] 

      $scope.dtOptions = DTOptionsBuilder.newOptions().withOption('ajax', { 
       url: "/myform/getAll", 
       type: "POST" 
      }) 
      .withPaginationType('full_numbers') 
      .withDisplayLength(5); 

     }]) 

HTML: - あなたはNG・リピートを使用する必要がある場合

<table class="table table-striped" datatable="" dt-options="dtOptions" dt-columns="dtColumns" > 
    </table> 

答えて

0

は、このを見てみましょう。

+0

私は同じアプローチを使用していますが、tbodyを取得していません。私はブラウザのコンソールでこれを取得しています: - "警告:角を複数回ロードしようとしました。" –

+0

は、datatablesとngResourceを挿入するためのライブラリがありません。 –

+0

角度jsライブラリを1回だけ含めることを確認してください。 –