如何在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”并没有逃过已经出现的逗号,您知道如何满足这一需求吗?