Руководство по стилю johnpapa Angular 2 предлагает пошаговая настройка. Я получаю эту идею, вы можете создавать автономные компоненты Angular, которые можно использовать повторно.
Итак, я создал компонент, который хотел повторно использовать в другом проекте, и поместил его в свою собственную папку. Я также добавил изображение, которое я хотел, чтобы этот компонент отображался в одну и ту же папку, поэтому все это было само собой.
<img class="logo" src="logo.png"/>
Но это пытается затем загрузить изображение из корня localhost:3000/logo.png
.
Я полагаю, это означает, что я должен фактически использовать точный путь к изображению, но разве это не подрывает всю идею компонентов, которые могут быть повторно использованы в другом проекте другими людьми?
Предложения по этому поводу?
Изменить для пояснения Я использую структуру папок из Angular 2 quickstart, то есть моя корневая папка:
app/
node_modules/
index.html
package.json
tsconfig.json
Итак, даже если я использую заголовок пути /logo.png, он не работает. Я должен сделать app/header/logo.png. Это фактически абсолютный путь, и на самом деле работает одинаково, если я добавлю косую черту: "/app/header/logo.png". Все, что меньше полного пути, нарушает связь. Если кто-то захочет повторить его использование, он должен иметь ту же структуру папок.
Я думаю, это как раз то, как это работает, я только изучаю Angular 2, но, на мой взгляд, я должен иметь возможность загружать активы из папки компонентов, как я могу, с помощью шаблона или css