Руководство по стилю johnpapa Angular 2 предлагаетПапка-на-функции подход. Я понял, что вы можете сделать отдельные маленькие угловые компоненты, которые можно использовать повторно.

Итак, я создал компонент, который хотел повторно использовать в другом проекте, и поместил его в свою собственную папку. Я также добавил изображение, которое я хотел, чтобы этот компонент отображал в той же папке, поэтому он полностью самодостаточен.

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

Но это пытается затем загрузить изображение из корняlocalhost:3000/logo.png.

Я предполагаю, что это означает, что я должен фактически использовать точный путь к изображению, но не подрывает ли это представление о компонентах, которые могут быть повторно использованы в других проектах другими людьми?

Предложения по этому поводу?

Изменить для уточнения Я использую структуру папок из быстрого запуска Angular 2, что означает, что моя корневая папка:

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

Поэтому, даже если я использую путь header / logo.png, он не работает. Я должен сделать app / header / logo.png. По сути, это абсолютный путь, и на самом деле он работает одинаково хорошо, если я добавлю косую черту: «/app/header/logo.png». Все, что меньше полного пути, разрывает ссылку. Это означает, что если кто-то захочет использовать это повторно, он будет иметь точно такую ​​же структуру папок.

Я думаю, это так, как это работает, я только изучаю Angular 2, но, на мой взгляд, я должен иметь возможность загружать ресурсы из папки компонентовтак же, как я могу с шаблоном или CSS