AngularJS 中的 jQuery 数据表答案

【问题标题】：jQuery Datatables in AngularJSAngularJS 中的 jQuery 数据表
【发布时间】：2016-07-02 05:40:17
【问题描述】：

我使用了下面的代码，它工作正常，但我希望 tbody 中的数据来自 ng-repeat 而不是来自 dt-options。

或者有什么方法可以将现有的角度表更改为数据表。

Angular 模块：-

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

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

【问题讨论】：

标签： angularjs datatables

【解决方案1】：

如果你必须使用 ng-repeat，看看这个。

https://l-lin.github.io/angular-datatables/#/angularWay

【讨论】：

我正在使用相同的方法，但没有得到 tbody。我在浏览器控制台上得到了这个：-“警告：尝试多次加载 Angular。”
只需确认您只包含一次 Angular js 库。