Injecting angularFileUpload funktioniert nicht

Question

Dies klingt wie eine einfache Frage, aber ich bin ein Neuling mit eckigem, basicly ich will AngularFileUpload verwenden, um Bilder auf meiner Website zu laden, so dass ich tat dies, wenn ich meine app initialisieren:

var app = angular.module('myApp',['ui.router'],['angularFileUpload']); 

bevor ich den angularFileUpload Modul Trog npm installiert, so dass mein Modul innerhalb node_modules ist, aber ich erhalte einen Fehler evertyme ich meine app

Fehler starten:

Failled Modul d instanziiert Zu:

'fn' is not a function, got string.

jemand wissen, was passiert ist?

Answer 1

Das passiert, weil Sie die Module falsch injizieren.

Sie Einfügen zwei Arrays:

var app = angular.module('myApp',['ui.router'],['angularFileUpload']); 

Stattdessen sollten Sie nur ein Array mit allen Modulen einsetzen:

var app = angular.module('myApp',['ui.router','angularFileUpload']); 

Answer 2

Sie Bower statt npm verwenden sollten, Ihre Client-Seite Abhängigkeiten in AngularJS zum Laden . Es gibt folgende Schritte erforderlich, um die korrekte Schreibweise Ihre Modul zu laden:

1. Herunterladen mit folgendem Bower Befehl

bower install angular-file-upload

2. Dann sind diese Bibliothek im Skript-Tag, indem Sie den korrekten Standort für die verkleinerte js bereitstellen.

3. Last inject-Module in der richtigen Art und Weise

var app = angular.module ('myApp' [ 'ui.router', 'angularFileUpload']);

Und das ist es. Bitte lassen Sie mich wissen, wenn es Ihnen geholfen hat!