Introduce the supplier into a directive that does not work

Question

I am trying to use angular-bootstrap-lightbox and I need to enter the Lightbox provider into the directive like this

controller: ['Lightbox' , function ($scope, $rootScope, $filter, FileUploader,Lightbox) { 

but this leads to the following error:

 Error: [$injector:unpr] Unknown provider: $uibModalProvider <- $uibModal <- Lightbox <- Lightbox 

any body can help in solving this issue, thanks in advance.

Answer 1

Problem with ui-boostrap version. You must upgrade ui-bootstrap to 0.14x or higher. See also github ,

Answer 2

If you were unable to update angular-bootstrap past 0.12.0 , make sure your angular-dialog-service is in version 5.2.6 sure (there is no ~ or ^ preceding it!). Reducing angular-dialog-service solved this problem for us.

Answer 3

Refer to this version, it will clear the error:

 <script src="https://angular-ui.imtqy.com/bootstrap/ui-bootstrap-tpls-0.14.3.js"></script> 

Answer 4

Use this cdn script tag in your angular app index

  <script src="https://angular-ui.imtqy.com/bootstrap/ui-bootstrap-tpls-0.14.0.js"></script>