在AngularJS控制器中使用第三方库

时间:2018-08-03 07:11:05

标签: angularjs eclipse angularjs-controller filesaver.js angularjs-3rd-party

我想在我的angularjs应用程序中包含一个第三方库。 (https://github.com/eligrey/FileSaver.js/

我已经通过npm install将其安装在我的项目文件夹中。我只是不知道如何访问它例如本例中的方法saveAs。它已经安装在名为file-saver的文件夹的node-modules文件夹中。

如何在我的角度控制器中访问它,我必须在哪里定义它?

我已经尝试使用tag和“ require”了,但是看起来,angularjs不支持它。顺便说一下,我可以使用eclipse,如果这个事实可以帮助您。

感谢您的帮助!

我当前的代码:

(function () {
    'use strict';
    angular.module(examplemodule').component('examplecomponent', {
        templateUrl: 'xxx/xxxx/xxxxxx',
        controller: ExampleController,
        controllerAs: 'vm',
        bindings: {}
    });

    function ExampleController ($log, $location, abcdService, dokumentdownloadService) {

        var vm = this;
        var logger = $log.getInstance('xxxxxxx);



        vm.download = function (documentName) {
            logger.info("vm.download");
            dokumentdownloadService.downloadDocument(documentName).then(function (response) {
                    var blob = new Blob([response], {type: 'application/pdf'});
                    saveAs(blob, documentName + '.pdf'); // https://github.com/eligrey/FileSaver.js
                },
                function (error) {
                    logger.error(JSON.stringify(error));
                });
        };
    }
})();

错误消息:

"message" :"ReferenceError: saveAs is not defined"

预先感谢:)

0 个答案:

没有答案