本篇文章主要的额讲述了关于angularjs表格导出添加额外信息的问题，本文章里面包括了angularjs表格导出信息的全过程，希望对大家有用，现在我们一起来看这篇文章吧
原指令
原导出excel指令，angularjs 导出excel指令。
这是用户的需求，单位申请检定器具，可以申请一次检定多个器具，技术机构的人员拿到的打印表格去联系部门检定，所以表格中应该是有器具的表格信息，同时还有申请单位、联系电话等信息。
刚阅读完官方文档，在不影响原指令的使用情况下，我们可以去再设置一个可选的extraData参数，如果传入该参数，就把这个放到表格的头部，未传入，即兼容原指令使用，按原方法输出表格。（想看更多就到PHP中文网angularjs学习手册中学习）
指令完善
指令加一个参数extraData，绑定模式加?，表示该属性可选
scope: { extraData: '=?', // = 双向绑定，？表示该属性可选 tableId: '@', // 表格id exportCols: '@', // 表格导出的列数，为了解决编辑删除按钮的问题，如果全部导出会将编辑删除的代码一并导出 multipleRowCols: '@', // 表格中有效数据跨行的列数，添加空，用于显示跨行效果 noMultipleRowCols: '@', // 整个表格中不跨行的列数，用户判断该行为正常行还是跨行行 csvName: '@' // 导出表格名称}
登录后复制
数据结构设计
因为需要在一项中传入要额外添加的所有信息，所以这里最好的数据结构应该是Map。
// 如果传入了extraData的话，表示有额外的数据，添加到表格头if (scope.hasOwnProperty('extraData')) { // foreach传入的map scope.extraData.forEach(function(value, key) { // 对于null/undefined的数据采用空字符替换 let tempValue = value ? value : ''; // 拼接到数据中 csvString = csvString + key + "," + tempValue + ""; });}
登录后复制
对Map进行遍历，拼接键值对，每循环一次加一个换行。
构建Map
// 生成额外的数据信息，用于Excel导出使用self.generateMapForExcelExtraData = function() { var map = new Map(); map.set('申请日期', $filter('date')($scope.work.apply.applyTime)); map.set('申请单位', $scope.work.apply.department.name); map.set('申请人', $scope.work.apply.createUser.name); map.set('联系电话', $scope.work.apply.createUser.mobile); map.set('检定场所', $scope.work.apply.checkPlace); map.set('申请备注', $scope.work.apply.remarks); map.set('申请ID', $scope.work.apply.id); map.set('受理部门', $scope.work.apply.auditingDepartment.name); map.set('受理人', $scope.work.apply.auditingUser.name); map.set('受理人电话', $scope.work.apply.auditingUser.mobile); map.set('计划检定日期', $scope.work.apply.plannedCheckDate); map.set('受理备注', $scope.work.apply.replyRemarks); $scope.extraData = map;};
登录后复制
实现效果：
本篇文章到这就结束了（想看更多就到PHP中文网angularjs学习手册中学习），有问题的可以在下方留言提问
以上就是AngularJS表格如何导出添加信息？几分钟告诉你关于angularjs表格导出消息的过程的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2742252.html
