Настройка фонового изображения с угловым 7

Question

У меня проблема с отображением фонового изображения в угловых.Я использую функцию с ngStyle в теге html, и она отлично работает, но когда я загружаю весь проект на страницы github, imgs с помощью этого метода не отображается.Другие изображения, которые я добавляю с тегом img, работают нормально.Не могли бы вы помочь мне это исправить?

Код:

getHeaderBackgroundImg() {
    return `url(/assets/images/4.jpg)`
  }

<header [ngStyle]="{'background-image': getHeaderBackgroundImg(), 'background-position' : 'center', 'height' : '950px', 'width' : '100%'}" class="main__container"></header>

Answer 1

Попробуйте это:

getDescriptionBackgroundImg() {
    return `url(assets/images/4.jpg)`
  }

<header [ngStyle]="{'background-image': getDescriptionBackgroundImg(), 'background-position' : 'center', 'height' : '950px', 'width' : '100%'}" class="main__container"></header>

Answer 2

удалить / с начала вашего пути (относительность)

getDescriptionBackgroundImg() {
    return `url(assets/images/4.jpg)`
  }