use non angular dependency in angular

Question

I'm trying to use jszip in an angular service but it is not written using angular. I've looked at the answers to this question Inject non-angular JS libraries and this question How to make lodash work with Angular JS? which are both trying to get lodash to work in angular. I've tried creating a module like this

angular.module('jszip', [])
    .constant('_', window._)
    .run(function($rootScope) {
        $rootScope._ = window._;
    });

And injecting it into a service like this

app.factory('FileService', ['Restangular', 'DeviceService', 'jszip',
    function FileUploadService(Restangular, DeviceService, jszip) {
    // ....
}]);

but I get this error

angular.js:10147 Error: [$injector:unpr] Unknown provider: jszipProvider <- jszip <- FileService

Also I'm assuming the underscore is something specific for lodash? In general how do I add a non angular dependency?

I created a jszip module because I thought that was the method to be taken to use jszip in a service — gary69
– gary69, Commented Sep 6, 2016 at 18:45
It looks like you're confusing modules with services. You can't inject a module. You can load it and then inject its service. Module's name is jszip. And service's name is _. — Estus Flask
– Estus Flask, Commented Sep 6, 2016 at 18:50
thank you, I get the same unknown provider exception when I inject '_' because my browser is not loading the folder that holds this file — gary69
– gary69, Commented Sep 6, 2016 at 18:52

Fabio Picheli · Accepted Answer · 2016-09-06 18:46:12Z

3

The problem it's not the $rootScope._ = window._;. Probably the module file is not getting loaded, and when you try to inject into FileService, he dosen't reconize.

Try to aceess the file in the browser inspector

answered Sep 6, 2016 at 18:46

Fabio Picheli

95711 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

gary69 · Accepted Answer · 2016-09-07 13:40:36Z

0

My module wasn't loading because I wasn't including the file containing the code in any of my html files like this

<script src="app/main/export-import/export-import.service.js"></script>

This is also how you include non angular dependencies

<script src="export/libs/jszip/jszip.js"></script>

answered Sep 7, 2016 at 13:40

gary69

4,3607 gold badges45 silver badges60 bronze badges

Collectives™ on Stack Overflow

use non angular dependency in angular

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related