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>
私は同じアプローチを使用していますが、tbodyを取得していません。私はブラウザのコンソールでこれを取得しています: - "警告:角を複数回ロードしようとしました。" –
は、datatablesとngResourceを挿入するためのライブラリがありません。 –
角度jsライブラリを1回だけ含めることを確認してください。 –