How to inject this dependency in angularjs?

Question

I am having diffculty injecting this dependency: https://cdnjs.cloudflare.com/ajax/libs/angularjs-dropdown-multiselect/2.0.0-beta.10/src/angularjs-dropdown-multiselect.js into my project.

Here is the dependency injection scheme used in the project:

 angular.module("myModule").controller("myController", MyController);

    function MyController($scope, $window, angular-js-dropdown-multiselect ){
    
    }
     MyController.$inject = ["$scope", "$window", "angular-js-dropdown-multiselect"]

However angular throws a Error: $injector:unpr Unknown Provider error.

I've tried changing angular-js-dropdown-multiselect to angularJsDropdownMultiselect but still see the error.

Any suggestions?

Thanks, Matt

It all starts with angular-js-dropdownMultiselect being a syntax error — baao
– baao, Commented Dec 27, 2017 at 19:52

Phix · Accepted Answer · 2017-12-27 20:22:51Z

1

You're trying to inject a module as opposed to a provider. Include that script on your page and inject whatever providers that module exposes.

Looking at that file, it doesn't expose anything but a directive, so just do something like the following:

JS:

angular.module('yourMoudule', ['angularjs-dropdown-multiselect'])

Usage:

<div dm-dropdown-static-include>...</div>

edited Dec 27, 2017 at 20:22

answered Dec 27, 2017 at 19:58

Phix

10.1k4 gold badges39 silver badges65 bronze badges

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

1 Comment

Matthew David Jankowski Over a year ago

Took me awhile to figure out I needed to make your change at the top level of the application - not the controller...Thanks!

Collectives™ on Stack Overflow

How to inject this dependency in angularjs?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related