Angular excel export

Hier rufe ich mein Knotenprogramm auf und erhalte Daten von MYSQL und klicke auf Export in Excel.Angular excel export

$scope.exportToExcel=function(){  
    $http.get("/getDetails").then(function(response){ 
      console.log(response.data) 
      $scope.details = response.data[1].data; // here you will get data 
    },function(res){ 
      console.log("Error",res) //error occured 
    }); 


     $scope.exportToExcel=function(tableId){ // ex: '#my-table' 
      var exportHref=Excel.tableToExcel(tableId,'WireWorkbenchDataExport'); 
      $timeout(function(){location.href=exportHref;},100); // trigger download 
     } 

var myApp=angular.module('myApp',[]); 
myApp.factory('Excel',function($window){ 
     var uri='data:application/vnd.ms-excel;base64,', 
      template='<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>{table}</table></body></html>', 
      base64=function(s){return $window.btoa(unescape(encodeURIComponent(s)));}, 
      format=function(s,c){return s.replace(/{(\w+)}/g,function(m,p){return c[p];})}; 
     return { 
      tableToExcel:function(tableId,worksheetName){ 
       var table=$(tableId), 
        ctx={worksheet:worksheetName,table:table.html()}, 
        href=uri+base64(format(template,ctx)); 
       return href; 
      } 
     }; 
    }) 
}

Fehler:

TypeError: Cannot read property 'tableToExcel' of undefined

Bitte mit der gleichen helfen.

EDIT: 1

app.controller('myctrl', ['$scope','$http','$timeout','Excel', function($http,$timeout,Excel) { 

$scope.exportToExcel=function(tableId){ 
$http.get("/getNodeService").then(function(response){ 
     console.log(response.data) 
     $scope.details = response.data[1].data; 

var exportHref=Excel.tableToExcel(tableId,'WireWorkbenchDataExport',$scope.details); 
      $timeout(function(){location.href=exportHref;},10000); 
}); 
}; 

}]); 

app.factory('Excel',function($window){ 
     var uri='data:application/vnd.ms-excel;base64,', 
      template='<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>{table}</table></body></html>', 
      base64=function(s){return $window.btoa(unescape(encodeURIComponent(s)));}, 
      format=function(s,c){return s.replace(/{(\w+)}/g,function(m,p){return c[p];})}; 
     return { 
      tableToExcel:function(tableId,worksheetName,details){ 
console.log(details); 
       var table=$(tableId), 
        ctx={worksheet:worksheetName,table:table.html()}, 
        href=uri+base64(format(template,ctx)); 
       return href; 
      } 
     }; 
    });

Im Edit-Code, ich bin in der Lage mit Kopf zum Download Excel aber meine MySQL-Daten kommen nicht in dem, was ich in meinem Code ändern müssen, damit ich Download mit meinen Daten. Bitte helfen.

Gelöst Edit 2:

$scope.exportToExcel=function(tableId){ 
$http.get('/getDetails').then(function(response){ 
     console.log(response.data) 
     $scope.details = response.data[1].data; // here you will get data 

var exportHref=Excel.tableToExcel(tableId,"worksheetName",$scope.details); 
      $timeout(function(){location.href=exportHref;},100); 
}); 
}; 

}]); 
app.factory('Excel',function($window){ 
     var uri='data:application/vnd.ms-excel;base64,', 
      template='<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>{table}</table></body></html>', 
      base64=function(s){return $window.btoa(unescape(encodeURIComponent(s)));}, 
      format=function(s,c){return s.replace(/{(\w+)}/g,function(m,p){return c[p];})}; 
     return { 
      tableToExcel:function(tableId,worksheetName,details){ 

       var table=$(tableId), 
        ctx={worksheet:worksheetName || 'Worksheet',table:table.html()}, 
        href=uri+base64(format(template,ctx)); 
       return href; 

      } 
     }; 
    });

Quelle

2017-09-21 TB.M

myApp.factory('Excel', function($window) { 
    var uri = 'data:application/vnd.ms-excel;base64,', 
     template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>{table}</table></body></html>', 
     base64 = function(s) { 
      return $window.btoa(unescape(encodeURIComponent(s))); 
     }, 
     format = function(s, c) { 
      return s.replace(/{(\w+)}/g, function(m, p) { 
       return c[p]; 
      }) 
     }; 

    return { 
     tableToExcel: function(tableId, worksheetName) { 
      var table = $(tableId), 
       ctx = { 
        worksheet: worksheetName, 
        table: table.html() 
       }, 
       href = uri + base64(format(template, ctx)); 
      return href; 
     } 
    }; 
}).controller('MyCtrl', function(Excel, $timeout) { 
    $scope.exportToExcel = function(tableId) { // ex: '#my-table' 
     var exportHref = Excel.tableToExcel(tableId, 'sheet name'); 
     $timeout(function() { 
      location.href = exportHref; 
     }, 100); // trigger download 
    } 
});

Quelle

2017-09-21 07:59:06 Gaurav

Können Sie Codebeispiel Option im Editor verwenden Sie den Code viel besser zu zeigen. –

i dnt wollen diese Linie .Controller ('MyCtrl' zu erwähnen, Funktion (Excel, $ timeout), weil im in oben und anschließend nur function..please Hilfe im sehr viel Neues in dieser wringen. –

Verwenden exportToExcel() Funktion in Ihr vorhandener Controller und stellen Sie sicher, dass Sie das Excel injiziert haben, und $ Timeout in Ihrem Controller und Excel-Bibliotheken wurden injiziert – Gaurav

Angular excel export

Antwort

Verwandte Themen