Question

我在用角度显示背景img时遇到问题。我在html标签中将函数与ngStyle一起使用，并且效果很好，但是当我在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)`
  }

Answer 2

尝试一下：

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

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

用angular 7设置背景img

2 个答案: