2016-04-22 11 views
4

Ich versuche, ein App-Modul mit dem MEAN-Stack zu erstellen, und ich verwende MVC. Also habe ich einen Ordner namens AppModules und darin habe ich einen Ordner namens Suche und darin habe ich 3 Ordner, Modelle, Ansichten und Controller. Ich habe eine HTML-Datei im Ordner views geschrieben. Außerdem habe ich im Controller-Ordner eine einfache Funktion, die nur etwas an die Konsole ausgibt. Wie verbinde ich nun beides miteinander?Wie kann ich eine HTML-Datei mit Angular.js mit einem Controller verknüpfen?

Ich sah ein MEAN Stack-Tutorial und die Person im Video schrieb die HTML-Datei in der index.html-Datei des Projekts, was der Server automatisch öffnet. Ich arbeite an diesem Projekt mit anderen Leuten, um Konflikte zu vermeiden, schreibt keiner von uns jetzt in die Datei index.html. Wir teilen unsere Aufgaben auf Module auf und jede Person hat ihr eigenes Modul. Wie kann ich also die HTML-Datei, die ich geschrieben habe, öffnen, ohne den gesamten Code in index.html zu kopieren, und wie kann ich ihn mit dem Controller im Controller-Ordner verknüpfen?

Im Video, das ich sah, enthalten die Datei index.html etwas wie folgt aus: (modifiziert meine eigene Dateinamen)

<script src = "../AppModules/search/controllers/SearchBoxController.js"></script> 

Aber wenn ich versuche zu verwenden, dass ich nur einen Fehler in Chrom sagen Die Datei wird nicht gefunden, obwohl dies der richtige Pfad sein sollte. Ist das, was ich mache, auch nur entfernt oder gibt es einen einfacheren Weg?

BEARBEITEN: Ich habe versehentlich das HTML-Tag eingefügt, das ich beim Testen verwendet habe. Bearbeitet den Post mit dem HTML-Tag, das ich am Anfang hätte schreiben sollen. Funktioniert immer noch nicht. Selbst wenn ich meinen Code nach index.html kopiere und den Pfad der src ändere, kann ich immer noch nicht funktionieren.

Verzeichnisstruktur:

enter image description here

Antwort

1

Ich glaube, Ihr Problem mit Ihrem Pfadnamen ist. Versuchen Sie controller/SearchBoxController.js oder ./controller/SearchBoxController.js

+0

Aber Controller ist nicht im selben Verzeichnis, ich muss einen Ordner nach oben gehen, um es zu erreichen. – ninesalt

+0

'index.html' sollte sich im Stammverzeichnis befinden. alles andere sollte sich in diesem Ordner befinden (verschachtelte Ordner oder nicht). Ich glaube nicht, dass Sie auf den oberen Ordner von 'index.html' zugreifen können. –

+0

@ Swailem95 können Sie Ihre Verzeichnisstruktur bereitstellen? – xagos

1

Der src, den Sie in Ihrem Skript-Tag angegeben ist sagen, gehen Sie zum übergeordneten Ordner von index.html und in diesem suchen nach dem Ordner Controller. Ist Ihre index.html-Datei im selben Ordner wie der Controller? Wenn nicht, müssen Sie den relativen Pfad richtig einstellen.

+0

Ich habe den falschen HTML-Tag geschrieben, als ich den Beitrag geschrieben habe einen hätte ich am Anfang geschrieben, was auch nicht funktioniert. – ninesalt

+0

Seit jetzt haben Sie Ihre Dateistruktur hochgeladen. Der Quellpfad sollte ../../AppModules/search/controllers/searchBoxController.js sein. – SolomonT

+0

Das funktioniert immer noch nicht. Auch wenn ich meinen ganzen Code nach index.html kopiert habe. – ninesalt

Verwandte Themen