ExcelにFileSaverページデータのエクスポートを使用します

FileSaver.jsを使用する前にこの共有がExcelにフロントページのエクスポートデータをFileSaver使用して達成され、ファイルを読み書きするためにブログに書きました

まずfileSave.jsを導入   

インポート '〜/ libに/ファイル・セーバー/ DIST / FileSaver.min.js';

    HTML：<テーブルクラス= "テーブルTBレポート・テーブル・ラッパーがリフレッシュ" idは= "エクスポート" > 
                <THEAD> 
                <TRクラス= "TB-頭修正トップ-2 TR-NOWRAP"> 
                    <番目のクラス= "テキストベース中心">区域编号</番目> 
                    <THクラス="テキスト中心">区域名称</番目> 
                    <THクラス="テキスト中心">分店编号</番目> 
                    <THクラス="テキスト中心」 >分店名称</番目> 
                    <THクラス= "テキスト中心">现金</番目> 
                    <THクラス= "テキスト中心">银行卡</番目> 
                    <THクラス= "テキスト中心">マイクロチャネル</ TH> 
                    <THクラス= "テキスト・センター">アリペイ</ TH> 
                    <THクラス= "テキスト・センター">メンバー（ギフト）</目> 
                    <THクラス= "テキスト・センター">メンバー（バウチャー）</目>
                    <番目のクラス= "テキスト・センター "> 米国企業は、お持ち帰り</ TH>支払う
                    <！ - <番目のクラス= "テキスト・センター "> クーポンの支払い</ TH> - > 
                    <THクラス=「テキストセンター"</ TH>支払う>米国ミッション
                    テキスト・センター<THクラス=" ">銀行</ TH>引き換える
                    <THクラス="テキスト・センター">損失</ TH> 
                    <THクラス="テキストセンター」 >合計</ TH> 
                    <！ - <THクラス= "テキスト・センター">操作</ TH> - > 
                </ TR> 
                </ thead要素> 
                <TBODYのNG-IF => "$ ctrl.isRenderTableContent！" <TR> </ TR> < 
                    <TDクラス= "テキスト中心"> {{item.areaId}} </ TD>isRenderTableContent "> <TR> </ TR> </ TBODY> 
                <TBODYのNG-IF =" $ ctrl.isRenderTableContent ">
                <TRクラス= "TB-体TR-NOWRAP" NGリピート= "項目$ ctrl.dataList1で"> 
                    <TDクラス= "テキスト中心"> {{item.areaName}} </ TD> 
                    <TDクラス= "テキスト中心"> {{item.shopId}} </ TD> 
                    <TDクラス= "テキスト中心"> {{item.shopName}} </ TD> 
                    <TDクラス= "テキスト中心"> {{ item.xj}} </ TD> 
                    <TDクラス= "テキスト中心"> {{item.yhk}} </ TD> 
                    <TDクラス= "テキスト中心"> {{item.wx}} </ TD > 
                    <TDクラス= "テキスト中心"> {{item.zfb}} </ TD> 
                    <TDクラス=」テキスト中心"> {{item.hycz}} </ TD> 
                    <TDクラス="テキスト中心"> {{item.hyq}} </ TD> 
                    <TDクラス= "テキスト中心"> {{item.mtwmzf}} </ TD> 
                    <！ - <TDクラス= "テキスト中心"> {{item.yhqzf}} </ TD> - > 
                    <TDクラス= "テキスト中心"> {{item.mtzf}} </ TD> 
                    <TDクラス= "テキスト中心"> {{item.yhjfdh}} </ TD> 
                    <TDクラス= "テキスト中心"> {{item.gz}} </ TD> 
                    <TDクラス="テキスト中心"> {{item.hj}} </ TD> 
                </ TR> 
                </ TBODY> 
            </ TABLE>

　　

JS：        

  VaRの BLOB = 新しい新しいブロブ（[のdocument.getElementById（ ' エクスポート ' ）.innerText]、{// IDがするノードは、次のテキストがエクスポート有するすべての子を取得します

          タイプ： "ファイルアプリケーション/ vnd.openxmlformats-officedocument.spreadsheetml.sheet;のcharset = UTF-8" }）; //ファイルタイプ

 　　　 のsaveAs（BLOB、 "プレスレジ概要.XLS"）; //のsaveAsを使用してExcelにデータを保存