在angularjs中的Jquery数据表 [英] Jquery datatables in angularjs

问题描述

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



Angular模块： -

  var  app = angular.module（' < span class =code-string> myApp'，['  datatables']） ; 
 app.controller（'  myCntrl'，['  $ scope'，'  $ http'，'  DTOptionsBuilder'，'   DTColumnBuilder'，
  function （$ scope，$ http，DTOptionsBuilder，DTColumnBuilder ）{
 $ scope.dtColumns = [
 DTColumnBuilder.newColumn（  name， 名称），
 DTColumnBuilder.newColumn（  DOB，  DOB），
 DTColumnBuilder.newColumn（ 性别，  Gender），
 DTColumnBuilder.newColumn（  Email， 电子邮件ID），
 DTColumnBuilder.newColumn（  Mobile，  Mobile），
 DTColumnBuilder.newColumn（  Address ， 地址），
 DTColumnBuilder.newColumn（  JoiningDate， 加入日期），
 DTColumnBuilder.newColumn（  DepartmentName， 部门名称），
 DTColumnBuilder.newColumn（  DesignationName， 名称名称），
 DTColumnBuilder.newColumn（  CountryName，  Country Name），
 DTColumnBuilder.newColumn（  StateName， 州名），
 DTColumnBuilder.newColumn（  FilePath， 文件路径）
  //  ，DTColumnBuilder.newColumn（Actions，Actions） 
 
] 
 
 $ scope.dtOptions = DTOptionsBuilder.newOptions（）。withOption（'  ajax' ，{
 url：  / myform / getAll，
类型：  POST 
}）
 .withPaginationType（'  full_numbers'）
 .withDisplayLength（ 5 ）; 
 
}]）

HTML： -

 <   table     class   = 表格表 - 条纹    datatable   =     dt-options   =  dtOptions      dt-columns   =  dtColumns   >  

我尝试了什么：

解决方案

scope'，'

http'，' DTOptionsBuilder'，' DTColumnBuilder'，
function （

scope，

I used below code & it works fine but I want data in tbody from ng-repeat not from dt-options.

Angular Module:-

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

What I have tried:

解决方案

scope', '

http', 'DTOptionsBuilder', 'DTColumnBuilder', function (

scope,

这篇关于在angularjs中的Jquery数据表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！