如何使用Angularjs在datatables中发送对象

时间:2018-08-21 15:15:18

标签: angularjs datatables

我有此代码:

    vm.dtColumns = [
     DTColumnBuilder.newColumn('').withTitle('Tipo').renderWith(function(input) {
                return input = '<input class="form-control input-xs" type="text" style="max-width: 60px"/>'
            }).notSortable(),

            DTColumnBuilder.newColumn(null).withTitle('Grupo').renderWith(function (data, type, full) {
                // console.log(angular.element('grupo-' + data.pos).val());
                return data = '<input id="grupo-' + data.pos + '" ng-model="this.grupo_' + data.pos + '" class="form-control input-xs" type="text" style="max-width: 40px"/>'
            }).notSortable(),

            DTColumnBuilder.newColumn('oferta').withTitle('Oferta').renderWith( function(data) {
                return data = '$ <input id="oferta-' + data.pos + '" class="form-control input-xs" type="text" style="max-width: 80px" value="'+ data +'"/>' 
            }).notSortable(),

            DTColumnBuilder.newColumn(null).withTitle('Link').renderWith(function (data, type, full) {
                return data = '<a href="javascript:void(0)" class="btn btn-secondary" role="button" ng-click="vm.generateLink(\'' + data.influencer.id + '\' , \'' + data.influencer.username + '\' , ' + data.ppr + ')" href=""><i ng-hide="vm.creatingLink" class="fas fa-link"></i> <i ng-show="vm.creatingLink" class="fas fa-circle-notch fa-spin"></i></a>';
            }).notSortable(),       

        ];

这是照片:

enter image description here

现在我的数据有问题,我需要在单击图标链接时将所选人员的数据发送到该功能

我尝试发送对象数据,但无法发送,

这是关键:

ng-click="vm.generateLink(\'' + data.influencer.id + '\' , \'' + data.influencer.username + '\' , ' + data.ppr + ')" 

我将数据1发送1,但我不知道如何将输入数据(Tipo,grupo,oferta)发送到generateLink() function

有什么主意吗?

1 个答案:

答案 0 :(得分:0)

无需在html模板中使用vm.。直接致电generateLink()

 ng-click="generateLink(\'' + data.influencer.id + '\' , \'' + data.influencer.username + '\' , ' + data.ppr + ')"