我如何在Angularjs应用程序中为DevExtreme Export正确导入jszip?

时间:2018-02-07 15:27:18

标签: javascript angularjs requirejs devextreme jszip

我是angularjs和require的新手,我如何在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()模块

不匹配

由于

1 个答案:

答案 0 :(得分:0)

我们在讨论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 ,它完全是不同