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

我正在尝试使用meanjs实现。但它不起作用

有可能与meanjs一起使用吗

我遵循了以下步骤

1-使用以下命令通过bower安装filesaver文件上载后：

bower install file-saver --save

2-我在我的应用程序布局页面的文件config\env\all.js中包含了对fileSaver.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-然后我在angular应用程序的文件：public\config.js中包含了filesaver作为依赖项，方法是在此行的数组末尾添加“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”没有定义

---

谢谢。

我从applicationModuleVendorDependencies中删除了文件保护程序，它工作了

我会使用纯javascript。使用MEAN并不意味着（没有双关语的意思）你必须走弯路。我不是JS专家，但您不能仅仅添加一个纯JS库，然后假设您可以通过依赖项注入“导入”它。我建议您构建一个服务，将所有纯javascript放在那里，在“纯”javascript（fileSaver JS库）中编写代码，并返回fileSaver执行的CRUD操作的结果。然后，您只需通过DI将您的服务连接到您的控制器，然后瞧。