Angular Свойство Binding бросает 404

Question

Я не уверен, почему я получаю эту ошибку. Вот мой код:

<div class="albumsContainer">
  <div *ngFor="let album of albums" class="albumContainer">
    <a href="#">
      <img class="albumCover" [src]="album.albumCover" alt="" />
    </a>
    <h4>{{ album.albumTitle }}</h4>
  </div>
</div>

Я получаю следующую ошибку: Battle-Lines.jpg: 1 GET http://localhost: 4200 / Battle-Lines.jpg 404 (не Найдено), которое повторяется для каждого альбома. Оба моих файла изображений находятся в папке assets в папке sr c, которая указана в массиве assets в моем angular. json. Почему изображение получается таким образом? Разве он не может просто взять строку из класса компонента и установить свойство sr c?

Answer 1

Какое значение имеет значение "album.albumCover"?

Если ваше изображение находится в активах, вам нужен путь к изображению в значении [src]

Пример: "assets /covers/battle-lines.jpg"