Angularjs 使用DataTableJava的POST服务

我需要使用AngularJS将完整的datatable数据提交到数据库中

通过angularjs和下面给出的代码填充数据

vm.dataTableInstance = $('.datatable-basic').DataTable({
            data : priorityAttrs,
            columns : [
                       { data: 'priority', title : 'Priority', width : '10%' },
                       { data: 'attrName', title : 'Attribute Name', width: '30%' },
                       { data: null, title : 'Notes', width: '50%' ,render:function(data ,type,row){
                           return '<input type="text" id="notesInputTxt" class="form-control" placeholder="Enter the note" value='+data.notes+'>';
                       }},
                       { data: null, orderable : false, width:'5%', render : function(data, type, row){
                           return '<ul class="icons-list"><li class="delete-user text-danger-600" onclick="angular.element(this).scope().deleteAttribute(this, \''+data.attrName+'\')"><a><i class="icon-trash"></i></a></li></ul>';
                       }}
                   ],

vm.dataTableInstance=$（'.datatable basic'）.datatable({
数据：priorityAttrs，
栏目：[
{数据：“优先级”，标题：“优先级”，宽度：“10%”，
{data:'attrName'，title:'attributename'，width:'30%}，
{data:null，标题：“Notes”，宽度：“50%”，呈现：函数（数据，类型，行）{
返回“”；
}},
{data:null，orderable:false，width:'5%'，render:function（数据，类型，行）{
返回“
”；
}}
],

---

现在我需要使用post请求从datatable获取所有数据。请找到屏幕截图。

只需使用提取所有数据并将其放入数组，然后使用http进行post

角度控制器

var module = angular.module('app',[]);

module.controller('Ctrl', function ($http) {

vm.dataTableInstance = $('.datatable-basic').DataTable({
            data : priorityAttrs,
            columns : [
                       { data: 'priority', title : 'Priority', width : '10%' },
                       { data: 'attrName', title : 'Attribute Name', width: '30%' },
                       { data: null, title : 'Notes', width: '50%' ,render:function(data ,type,row){
                           return '<input type="text" id="notesInputTxt" class="form-control" placeholder="Enter the note" value='+data.notes+'>';
                       }},
                       { data: null, orderable : false, width:'5%', render : function(data, type, row){
                           return '<ul class="icons-list"><li class="delete-user text-danger-600" onclick="angular.element(this).scope().deleteAttribute(this, \''+data.attrName+'\')"><a><i class="icon-trash"></i></a></li></ul>';
                       }}
                   ],

var arrayData = vm.dataTableInstance.rows().data();     

 $http.post('services/api', arrayData).then(function (resp) {
       // Success
       console.log(resp.data);
 }, console.log('Error')),


});

var module=angular.module（'app'，[]）；
模块控制器（'Ctrl'，函数（$http）{
vm.dataTableInstance=$（'.datatable basic'）.datatable({
数据：priorityAttrs，
栏目：[
{数据：“优先级”，标题：“优先级”，宽度：“10%”，
{data:'attrName'，title:'attributename'，width:'30%}，
{data:null，标题：“Notes”，宽度：“50%”，呈现：函数（数据，类型，行）{
返回“”；
}},
{data:null，orderable:false，width:'5%'，render:function（数据，类型，行）{
返回“
”；
}}
],
var arrayData=vm.dataTableInstance.rows（）.data（）；
$http.post（'services/api'，arrayData.），然后（函数（resp）{
//成功
控制台日志（相应数据）；
}，console.log（'Error'），
});

当您要填充数据时？是在保存期间吗？首先我通过一些GET服务填充数据，然后我在notes上有这个编辑选项。编辑后有一个保存选项，该选项将获取包含编辑值的datatable数据，然后点击一些后期服务。我想您必须通过单独查找其id来查找textedit的值nd将其推入数组。将jquery数据表与angularjs混合是有问题的。您应该阅读此内容，以便在代码中看到列是动态填充的。{data:'priority'，title:'priority'，width:'10%}，{data:'attrName'，title:'Attribute Name'，width:'30%}，{Data：NULL，标题：“Notes”，宽度：“50%”，渲染：函数（数据，类型，行）{Real```；}}，考虑使用。