首页 > 解决方案 > 如何使用 Angularjs 在数据表函数中发送对象

问题描述

我有这个代码:

    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(),       

        ];

这是照片:

在此处输入图像描述

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

我尝试发送对象数据,但它不能数据化,

这是按钮:

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

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

任何想法?

标签: angularjsdatatables

解决方案


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

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

推荐阅读