excel导出中的角度

Question

在我的 excel-export.html 中，我有：

\n\n

<div class="config-menu-container first">\n\n            <div class="menu-title">\n        <span class="excel import">Excel import</span>\n                <span class="excel export">Excel Export</span>\n            </div>\n\n            <ul class="menu-body step2" id="exportable">\n                <li class="title">\n                    <span class="label main order first\xe2\x80\x9d>1</span>\n                    <span class="label main order second\xe2\x80\x9d>2</span>\n                    <span class="label main order third\xe2\x80\x9d>3</span>\n                </li>\n                <li class="row" ng-repeat="device in devices">\n                    <span class="label sub first" ng-bind="device.deviceId" ng-click="deviceScope = device.id"></span>\n                    <span class="input second">\n                        <custom-input type="text" width="330" height="24" model="device.name"></custom-input>\n                    </span>\n                    <span class="input third" ng-repeat-end>\n                        <custom-input type="select2" width="462" height="24" label=\xe2\x80\x9cSelect Device."\n                                      options="option.billingInfo" model="device.billingTargetId"></custom-input>\n                    </span>\n                </li>\n            </ul>\n</div>\n

\n\n

在我的 excel-export.directive.js 中，我有：

\n\n

\'use strict\';\n\nangular.module(\'bemsApp\')\n  .directive(\'excelExport\', function () {\n    return {\n      templateUrl: \'app/directives/excel-export/excel-export.html\',\n      restrict: \'EA\',\n      link: function (scope, element, attrs) {\n          scope.exportData = function () {\n                var blob = new Blob([document.getElementById(\'exportable\').innerHTML], {\n                    type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8"\n                });\n                saveAs(blob, "Report.xls");\n            };\n      }\n    };\n  });\n

\n\n

当我尝试保存 Excel 文件时，出现错误 saveAs 未定义。

\n\n

我必须单独定义 saveAs 函数，想知道是否有办法保存 Excel 文件。

\n

Answer 1

您需要一个Filesaver.js库，因为 FileSaver 接口已从 html5 规范中删除。请参阅文档

http://updates.html5rocks.com/2011/08/Saving- generated-files-on-the-client-side