Der Johnpapa Angular 2 Styleguide schlägt ein @ v ordnerweise Ansatz. Ich habe die Idee, dass Sie kleine eckige Komponenten herstellen können, die wiederverwendet werden können.

So habe ich eine Komponente erstellt, die ich in einem anderen Projekt wiederverwenden wollte, und in einem eigenen Ordner abgelegt. Ich habe auch ein Bild hinzugefügt, das diese Komponente im selben Ordner anzeigen soll, damit sie in sich geschlossen bleibt.

<img class="logo" src="logo.png"/>

Aber dies versucht dann das Bild von root zu ladenlocalhost:3000/logo.png.

Ich nehme an, dies bedeutet, dass ich den genauen Pfad zum Image verwenden muss, aber untergräbt dies nicht die gesamte Idee von Komponenten, die von anderen Personen in anderen Projekten wiederverwendet werden können?

Vorschläge dazu?

Edit zur Klärung Ich verwende die Ordnerstruktur aus dem Angular 2-Schnellstart, dh mein Stammordner lautet:

app/
node_modules/
index.html
package.json
tsconfig.json

So, auch wenn ich den Pfad header / logo.png verwende, funktioniert es nicht. Ich muss app / header / logo.png machen. Dies ist praktisch ein absoluter Pfad und funktioniert in der Tat genauso gut, wenn ich einen führenden Schrägstrich hinzufüge: "/app/header/logo.png". Alles, was weniger als der vollständige Pfad ist, unterbricht die Verbindung. Das heißt, wenn jemand dies wiederverwenden möchte, muss er genau dieselbe Ordnerstruktur haben.

Ich denke, das ist genau so, ich lerne gerade erst Angular 2, aber in meinen Gedanken sollte ich in der Lage sein, Assets aus einem Komponentenordner zu laden. genau wie ich kann mit der Vorlage oder CSS