2017-09-13 3 views
2

Ich möchte eine Konfiguration in meine eckige App injizieren. Die App enthält auch ein Laufobjekt.angular injector error mit config()

Aber wenn ich die Option config hinzufügen, bekomme ich einen $ injector: modulerr Fehler. Und ich kann den Fehler nicht finden.

var myApp = angular.module('myApp',[ 
    'ngAnimate', 
    'ui.bootstrap', 
    'ui.router', 
    'angular.filter', 
    'angularUtils.directives.dirPagination', 
    'validation.match', 
    'ngSanitize', 
    'ngCookies', 
    'pascalprecht.translate', 
    'toggle-switch', 
    'angucomplete-alt', 
    'cgPrompt', 
    'dndLists', 
    'ngFileUpload', 
    'ui.router.breadcrumbs', 
    'angular-bind-html-compile', 
    'rzModule', // range slider (i.e. for price filter) 
    'ngFileSaver', 
    'angular-input-stars', 
    'textAngular', 
    'textAngular-uploadImage' 
]); 

myApp.config(function($provide) { 
    $provide.decorator('taOptions', function($delegate) { 
     $delegate.toolbar[1].push('uploadImage'); 
     return $delegate; 
    }); 
}); 


myApp.run(['$rootScope', '$window', '$location', '$stateParams', '$api', '$translate', '$transitions', '$state', 
    function($rootScope, $window, $location, $stateParams, $api, $translate, $transitions, $state) { 
     //rootscope 
}]); 

Es wird über den textAngular-upload Modul (https://github.com/mrded/textAngular-uploadImage). Wenn ich die Konfigurationsoption entferne, läuft meine App gut, aber ich kann das Modul natürlich nicht verwenden.

Was ist der Grund dafür? Ich habe alle erforderlichen Dateien in den HTML-Code eingefügt, und textAngular (https://github.com/textAngular/textAngular) funktioniert einwandfrei.

Wie kann ich das lösen? Oder gibt es andere Optionen für eine normale Upload-Funktion in textAngular? Ich habe auch diese Lösung versucht (https://github.com/textAngular/textAngular/issues/139#issuecomment-111205679), aber ich bekomme den gleichen Fehler.

+0

Haben Sie myApp.config versuchen ([ '$ zur Verfügung stellen', function ($ provide) {// code here}]) – Nikita

+0

Sie haben keine vollständige Fehlermeldung angezeigt. Es enthält alle notwendigen Informationen, um es zu lösen (es ist tatsächlich eine URL, die zu der Seite führt, die es in lesbarer Form anzeigt). – estus

Antwort

1

Versuchen Sie, etwas unterhalb Code ..

myapp.config(['$provide', function($provide){ 

    $provide.decorator('taOptions', ['$delegate', function(taOptions){ 
    taOptions.toolbar[1].push('uploadImage'); 
    } 
    return taOptions; 
    }]; 
    }); 

Und Sie müssten wie Upload-Bild mit Editor registrieren unter

taRegisterTool('uploadImage', { 
     iconclass: "fa fa-user", 
     action: function(){ 
      //code 
     } 
    }); 
+0

Danke. Es war die '[$ Bereitstellung ', Funktion ($ bereitstellen)' was falsch war. Ich habe jetzt die Lösung von https://github.com/textAngular/textAngular/issues/139#issuecomment-111205679 funktioniert! – NVO

Verwandte Themen