AngularJS - 如何将filesaver.js添加到meanjs库中

时间:2014-12-02 13:23:59

标签: javascript angularjs meanjs

尝试使用meanjs实现filesaver.js。但它不起作用。

是否可以将它与meanjs ??

一起使用

我已按照以下步骤操作。

1-安装文件管理器文件后通过bower使用以下命令:

bower install file-saver --save

2-我在我的应用程序布局页面中包含了对fileSaver.js文件的引用:config \ env \ all.js,如下所示:

assets: {
        lib: {
            css: [
                'public/lib/bootstrap/dist/css/bootstrap.css',
                'public/lib/bootstrap/dist/css/bootstrap-theme.css'               
            ],
            js: [
                'public/lib/angular/angular.js',
          'public/lib/file-saver/FileSaver.min.js',
                'public/lib/file-saver/FileSaver.js',
                ]
            },

3-然后我将filesaver作为我的角度应用程序中的依赖项包含在文件:public \ config.js中,方法是在此行的数组末尾添加“fileSaver”:

var applicationModuleVendorDependencies = ['ngResource', 'ngCookies',  'ngAnimate',  'ngTouch',  'ngSanitize',  'ui.router', 'ui.bootstrap', 'ui.utils', 'fileSaver'];

4-我正在尝试使用我的meanjs客户端控制器中的以下代码导出到XL工作表。

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

我无法在视图中使用文件保护程序。它警告说'saveAs'没有定义。

谢谢。

1 个答案:

答案 0 :(得分:1)

我从applicationModuleVendorDependencies中删除了文件保护程序并且它正常工作