我如何在 Angularjs 应用程序中正确导入用于 DevExtreme 导出的 jszip？

Question

我是 angularjs 的新手并且需要，我如何在 DevExtreme 和 AngularJS 的环境中正确加载 jszip 库？我尝试了不同的方法，但总是出错。我的结构是这样制作的：

require.config({
...
paths: {
    'controller.home' : extensionRoot + 'controllers/home',
    'controller.dashboard' : extensionRoot + 'controllers/dashboard',
    'controller.analisi' : extensionRoot + 'controllers/analisi'
    'domReady' : extensionRoot + 'js/vendor/domReady/domReady',
    'app' : extensionRoot + 'js/app.min',
    'slider' : extensionRoot + 'js/vendor/angularjs-slider/dist/rzslider',
    'angular-bootstrap': extensionRoot + 'js/vendor/angular-bootstrap/ui-bootstrap-tpls.min',
    'jszip' : extensionRoot + 'js/vendor/devexpress/js/jszip',
    'dx' : extensionRoot + 'js/vendor/devexpress/js/dx.all'
}})                                                        
define(['require',
    'angular',
    'slider',
    'angular-bootstrap',
    'dx'
    ], function(require, angular) {
'use strict';

angularRoutingApp = angular.module('angularRoutingApp', ['ngRoute', 'rzModule', 'ui.bootstrap','dx']);

如果我有这种方式的脚本得到错误： 在 DevExtreme 脚本之后引用了 JSZip 脚本

如果尝试在 DevExtreme 之后加载库，例如此链接： https://js.devexpress.com/Documentation/Guide/Getting_Started/Installation/Local_Scripts/ 我得到错误： 不匹配的匿名 define() 模块

谢谢

Answer 1

我们说的是 AngularJS 而不是 Angular2 对吧？

如果是这种情况，只需转到您在应用程序根目录中的文件 index.html。

在那里只需以这种方式添加您的参考文献

<script src="scripts/jquery-3.1.1.js"></script>
    <script src="scripts/bootstrap.min.js"></script>
    <script src="scripts/angular.js"></script>
    <script src="scripts/angular-resource.js"></script>
    <script src="scripts/angular-route.js"></script>
    <script src="scripts/jszip.min.js"></script>
    <script src="scripts/dx.all.js"></script>

这就是全部，因为您的视图将在此索引页面中运行（因为您使用的是 SPA 框架），此时您已准备好，如果您使用的是 Angular2，那完全是 不同。