如何在angularjs(1.x)应用程序中使用JSzip外部库

如何在angularjs(1.x)应用程序中使用JSzip外部库,angularjs,jszip,Angularjs,Jszip,我试图在angularjs应用程序中包含典型的javascript库(JSZip) 首先,我将包含的JSZip库添加到我的应用程序中,然后将脚本引用添加到我的索引页中 接下来,我在一个模块中创建了一个简单的JSZip对象,并尝试创建zip。但是,在VS2015(visual studio)中构建应用程序时,我突然在typescript中遇到编译错误,说“找不到名称JSZip” 如何在角度应用程序中加载非角度依赖项。我花了整整一天的时间。我没有发现任何线索 我尝试了多种方法来动态获取依赖项,还尝试

我试图在angularjs应用程序中包含典型的javascript库(JSZip)

首先,我将包含的JSZip库添加到我的应用程序中,然后将脚本引用添加到我的索引页中

接下来,我在一个模块中创建了一个简单的JSZip对象,并尝试创建zip。但是,在VS2015(visual studio)中构建应用程序时,我突然在typescript中遇到编译错误,说“找不到名称JSZip”

如何在角度应用程序中加载非角度依赖项。我花了整整一天的时间。我没有发现任何线索

我尝试了多种方法来动态获取依赖项,还尝试了oclazyload来加载JSZip依赖项,但都没有帮助

            var zip = new JSZip(); <=== this is where the problem is..
            zip.file("File1", atob(response.Data));
            zip.file("File2", atob(response.Data));
            zip.generateAsync({ type: "blob" })
                .then(function (content) {
                    // saveAs is from FileSaver.js
                    saveAs(content, "example.zip");
                });
var-zip=newjszip()

将JS文件包含到HTML文件中

<script src="http://stuk.github.io/jszip/dist/jszip.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2.0.0/FileSaver.js"></script>
在您的控制器中注入'jszip',您将解决您的问题

app.controller('myCtrl', function($scope, 'jszip') {
  var zip = new jszip();
  ...
});
对于下载部分(saveAs函数),将
FileSaver.js
包含到HTML文件中

<script src="http://stuk.github.io/jszip/dist/jszip.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2.0.0/FileSaver.js"></script>