2017-11-08 1 views
0

Ich schreibe eine Angular-Anwendung, die entlang einer NodeJs App ausgeführt wird. Die NodeJs-App überwacht einen Ordner namens gallery im Angular App-Ordner. Wenn ein Bild zum Galerieordner hinzugefügt wird, sollte es zu einer Bildpräsentation hinzugefügt werden, die als Teil der Angular-App ausgeführt wird.Serve Assets, wie sie dynamisch hinzugefügt werden

Da die App im Speicher bereitgestellt wird, 404s, wenn das Bild der Diashow hinzugefügt wird. Ich muss ng serve töten und neu starten, damit das Image geladen wird. Ich würde gerne sehen, dass das Bild tatsächlich in die Diashow geladen wird, ohne dass ich ng serve beenden und neu starten muss.

Gibt es einen Workaround?

Der Galerieordner ist Teil des Assets-Ordners in der CLI-Konfiguration und wird kopiert. Nur wenn Dateien zu diesem Ordner hinzugefügt werden, während der ng-Serve ausgeführt wird, kann das Image nicht geladen werden.

Danke!

+0

Sie benötigen einen API-Dienst erstellen, die den Inhalt des Asset-Ordner zurück – cgatian

+0

ich eine Express-Route in Knoten haben, die den Inhalt des Ordners auf die Winkel App zurück. – vdiaz1130

+0

Entschuldigung, ich dachte nicht richtig darüber nach. – cgatian

Antwort

0

Öffnen Sie angular-cli.json und bearbeiten Sie die Vermögenswerte Eigenschaften Ihrer App.

"assets": [ 
    "assets", 
    "favicon.ico", 
    { "glob": "**/*", "input": "./assets/gallery", "output": "./assets/gallery" } 
    ], 

Webpack noch brauchen diese Vermögenswerte neu zu kompilieren, aber zumindest Sie müssen nicht starten und die App zu beenden.

Angular CLI Documentation

+0

Ich versuchte dies, aber es hat nicht funktioniert - endete mit dem Verschieben der Bilder außerhalb der Angular App . Vielen Dank! – vdiaz1130

Verwandte Themen