ng fichier-upload ne fonctionne pas avec MEAN.JS application lorsque l'injection est utilisé

Question

erreur lancé:

angular.js:13920 Error: [$injector:unpr] Unknown provider: ngFileUploadProvider <- ngFileUpload <- MyCtrl 
http://errors.angularjs.org/1.5.8/$injector/unpr?p0=ngFileUploadProvider%20%3C-%20ngFileUpload%20%3C-%20MyCtrl 
    at http://192.168.99.100:3000/lib/angular/angular.js:68:12 
    at http://192.168.99.100:3000/lib/angular/angular.js:4511:19 
    at Object.getService [as get] 

Lorsque le contrôleur est défini comme suit:

(function ($, angular) { 
'use strict'; 
angular.module('myapp').controller('MyCtrl', MyCtrl); 

    function MyCtrl(
    $scope, 
    $q, 
    $stateParams, 
    Upload, 
    $timeout 
){ 

    var vm = this; 

    function setup(){ 

     vm.stateParams = $stateParams; 

     //set scope variables here 

     viewApi(); 
    } 

    function viewApi(){ 

     vm.uploadImage = function(file, errFiles) { 
     vm.uploadedThumbnail = file; 
     vm.errFile = errFiles && errFiles[0]; 
     if (file) { 

      file.upload = Upload.upload({ 
      url: 'https://angular-file-upload-cors-srv.appspot.com/upload', 
      data: { file: file } 
      }); 

      file.upload.then(uploadSuccess, uploadError, uploadEvent); 

     } 
     }; 
    } 
    ... 
    setup(); 
    } 

    MyCtrl.$inject = [ 
    '$scope', 
    '$q', 
    '$stateParams', 
    'ngFileUpload', // Note that 'Upload' doesn't work either 
    '$timeout' 
    ]; 

}(window.jQuery || window.$, window.angular)); 

j'ai essayé et ngFileUpload Téléchargez simplement avec le même résultat. Toutes les dépendances sont déclarées et chargées. Cela a quelque chose à voir avec le schéma d'injection ne fonctionne pas correctement.

Answer 1

Vous devez ajouter le ngFileUpload à votre définition de module, comme ceci:

angular.module('myapp', ['ngFileUpload', 'ui.router', 'other.dependencies', ...]).controller('MyCtrl', MyCtrl); 
... 

Answer 2

En fait, comme je l'ai découvert la solution est relativement simple:

angular.module ('myapp', [ 'ngFileUpload ']). controller (' MyCtrl ', MyCtrl);

Il résout le problème ci-dessus, mais crée un nouveau problème en supprimant fournisseur état de l'application: angularjs: 68 Uncaught Erreur: [injecteur $: modulerr] Échec au module instancier monapp en raison de: Erreur: [injecteur $: UNPR] fournisseur inconnu: $ stateProvider http://errors.angularjs.org/1.5.8/ injecteur $/UNPR p0 =% 24stateProvider

nous résoudre un problème en créant un nouveau.

Et nouvelle question maintenant: comment ajouter la dépendance 'ngFileUpload' sans écraser d'autres dépendances d'application.