如何在angular4中将对象数组导出到excel?
我有一个对象数组,如下所示如何在angular4中将对象数组导出到excel?,angular,Angular,我有一个对象数组,如下所示 [ { "FirstName": "John", "LastName": "Parker", "Age": "23", "Cat": "23g", "SOP": "Active" }, { "FirstName": "Rose", "LastName": "Jackson",
[
{ "FirstName": "John",
"LastName": "Parker",
"Age": "23",
"Cat": "23g",
"SOP": "Active"
},
{ "FirstName": "Rose",
"LastName": "Jackson",
"Age": "44",
"Cat": "44g",
"SOP": "InActive"
}
]
如何将该数据与公司的徽标一起导出到excel并下载
是否有合适的插件将对象数据
和徽标图像
写入excel 更好的方法是从后端执行此操作,但仍然有一些包可以执行相同的操作,请查看
更好的方法是从后端执行此操作,但仍然有一些包可以执行相同的操作,请查看
您可以使用此功能,我可以使用它
//DOWNLOAD
download(){
var csvData = this.ConvertToCSV( this.data);
var a = document.createElement("a");
a.setAttribute('style', 'display:none;');
document.body.appendChild(a);
var blob = new Blob([csvData], { type: 'text/csv' });
var url= window.URL.createObjectURL(blob);
a.href = url;
var x:Date = new Date();
var link:string ="filename_" + x.getMonth() + "_" + x.getDay() + '.csv';
a.download = link.toLocaleLowerCase();
a.click();
}
// convert Json to CSV data in Angular2
ConvertToCSV(objArray) {
var array = typeof objArray != 'object' ? JSON.parse(objArray) : objArray;
var str = '';
var row = "";
for (var index in objArray[0]) {
//Now convert each value to string and comma-separated
row += index + ',';
}
row = row.slice(0, -1);
//append Label row with line break
str += row + '\r\n';
for (var i = 0; i < array.length; i++) {
var line = '';
for (var index in array[i]) {
if (line != '') line += ','
line += array[i][index];
}
str += line + '\r\n';
}
return str;
}
//下载
下载(){
var csvData=this.ConvertToCSV(this.data);
var a=document.createElement(“a”);
a、 setAttribute('style','display:none;');
文件.正文.附件(a);
var blob=新blob([csvData],{type:'text/csv'});
var url=window.url.createObjectURL(blob);
a、 href=url;
变量x:日期=新日期();
var-link:string=“filename”+x.getMonth()+“+x.getDay()+”.csv”;
a、 下载=link.toLocaleLowerCase();
a、 单击();
}
//将Json转换为Angular2中的CSV数据
CONVERTOCSV(objArray){
var array=typeof objArray!=“object”?JSON.parse(objArray):objArray;
var-str='';
var行=”;
for(objArray中的var索引[0]){
//现在将每个值转换为字符串和逗号分隔
行+=索引+',';
}
row=row.slice(0,-1);
//用换行符追加标签行
str+=行+'\r\n';
对于(var i=0;i
您可以使用此功能,我可以使用它
//DOWNLOAD
download(){
var csvData = this.ConvertToCSV( this.data);
var a = document.createElement("a");
a.setAttribute('style', 'display:none;');
document.body.appendChild(a);
var blob = new Blob([csvData], { type: 'text/csv' });
var url= window.URL.createObjectURL(blob);
a.href = url;
var x:Date = new Date();
var link:string ="filename_" + x.getMonth() + "_" + x.getDay() + '.csv';
a.download = link.toLocaleLowerCase();
a.click();
}
// convert Json to CSV data in Angular2
ConvertToCSV(objArray) {
var array = typeof objArray != 'object' ? JSON.parse(objArray) : objArray;
var str = '';
var row = "";
for (var index in objArray[0]) {
//Now convert each value to string and comma-separated
row += index + ',';
}
row = row.slice(0, -1);
//append Label row with line break
str += row + '\r\n';
for (var i = 0; i < array.length; i++) {
var line = '';
for (var index in array[i]) {
if (line != '') line += ','
line += array[i][index];
}
str += line + '\r\n';
}
return str;
}
//下载
下载(){
var csvData=this.ConvertToCSV(this.data);
var a=document.createElement(“a”);
a、 setAttribute('style','display:none;');
文件.正文.附件(a);
var blob=新blob([csvData],{type:'text/csv'});
var url=window.url.createObjectURL(blob);
a、 href=url;
变量x:日期=新日期();
var-link:string=“filename”+x.getMonth()+“+x.getDay()+”.csv”;
a、 下载=link.toLocaleLowerCase();
a、 单击();
}
//将Json转换为Angular2中的CSV数据
CONVERTOCSV(objArray){
var array=typeof objArray!=“object”?JSON.parse(objArray):objArray;
var-str='';
var行=”;
for(objArray中的var索引[0]){
//现在将每个值转换为字符串和逗号分隔
行+=索引+',';
}
row=row.slice(0,-1);
//用换行符追加标签行
str+=行+'\r\n';
对于(var i=0;i
我建议您在后端执行此操作。我建议您在后端执行此操作。这太棒了!你的“ConvertToCSV”并没有逃过已经出现的逗号,你知道如何应对吗?这太棒了!您的“ConvertToCSV”并没有逃过已经出现的逗号,您知道如何满足这一需求吗?