Açısal JS - Javascript Nesnesi XLS dosyasına nasıl dışa aktarılır? Aslında

Question

, ben ben sadece .xls gibi o nesneyi ihraç veya file.i böyle yaklaşımların çok kullanılan .csv istiyorum, benim denetleyicisi bir nesne ettik:

HTML

<script src="https://rawgithub.com/eligrey/FileSaver.js/master/FileSaver.js" type="text/javascript" /> 
<div ng-controller="myCtrl"> 
    <button ng-click="exportData()">Export</button> 
    <br /> 
    <div id="exportable"> 
    <table width="100%"> 
     <thead> 
      <tr> 
       <th>Name</th> 
       <th>Email</th> 
       <th>DoB</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr ng-repeat="item in items"> 
       <td>{{item.name}}</td> 
       <td>{{item.email}}</td> 
       <td>{{item.dob | date:'MM/dd/yy'}}</td> 
      </tr> 
     </tbody> 
    </table> 
    </div> 
</div> 

JavaScript

function myCtrl($scope) { 
    $scope.exportData = function() { 
     var blob = new Blob([document.getElementById('exportable').innerHTML], { 
      type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8" 
     }); 
     saveAs(blob, "Report.xls"); 
    }; 

    $scope.items = [{ 
     name: "John Smith", 
     email: "j.smith@example.com", 
     dob: "1985-10-10" 
    }, { 
     name: "Jane Smith", 
     email: "jane.smith@example.com", 
     dob: "1988-12-22" 
    }, { 
     name: "Jan Smith", 
     email: "jan.smith@example.com", 
     dob: "2010-01-02" 
    }, { 
     name: "Jake Smith", 
     email: "jake.smith@exmaple.com", 
     dob: "2009-03-21" 
    }, { 
     name: "Josh Smith", 
     email: "josh@example.com", 
     dob: "2011-12-12" 
    }, { 
     name: "Jessie Smith", 
     email: "jess@example.com", 
     dob: "2004-10-12" 
    }] 
} 

ama bu değil orada sayfalara ayrılmış tables.is doğrudan (bu örnek $ scope.item olarak) nesneleri vermek için herhangi bir şekilde dosya çalışır (xls , csv)?

Answer 1

Evet, XLSX.js kütüphanesi ile Alasql JavaScript kütüphanesi ile size verileri kaydedebilirsiniz.

Birincisi:

• alasql.min.js
• xlsx.core.min.js

İkincisi:: yerine exportData iki sayfanıza JavaScript kütüphanesini içerir İşte bir örnek

$scope.exportData = function() { 
     alasql('SELECT * INTO XLSX("john.xlsx",{headers:true}) FROM ?',[$scope.items]); 
    }; 

Üçüncüsü: ile kodunuzda() işlevi CSV dosyaları için - basitçe CSV kullanabilir() fonksiyonu:

alasql('SELECT * INTO CSV("john.csv",{headers:true, separator:";"}) FROM ?',[$scope.items]); 

this example in jsFiddle ile oynayabilirsiniz.

Answer 2

Bir CSV dosyasından memnunsanız, ngCsv modülüne gidiniz. DOM’tan öğe yüklemiyorsunuz ancak bir diziyi doğrudan dışa aktarıyorsunuz. Burada ngCsv örneğini görebilirsiniz.

html:

<h2>Export {{sample}}</h2> 
    <div> 
     <button type="button" ng-csv="getArray" filename="test.csv">Export</button> 
</div> 

ve js:

angular.module('csv', ['ngCsv']); 

function Main($scope) { 
    $scope.sample = "Sample"; 
    $scope.getArray = [{a: 1, b:2}, {a:3, b:4}];        
}