angular - Angular 6：来自资产的图像不能以内联样式工作

Question

我正在使用Angular 6.

我必须从模板设置 div 的背景图像，为此，我正在做

<div class="full-page-background" [style.background-image]="'url(./assets/img/bg5.jpg)'">
</div>

但这给出了404未找到。

<img>我用标签尝试了相同的路径

<img src="./assets/img/bg5.jpg" alt="">

它工作正常。

1. 为什么它不适用于样式元素？
2.如何设置div的背景图片？

标签： angularangular-template

Answer 1

它应该是，

<div class="full-page-background" style="background-image: url('/assets/img/bg5.jpg'); "></div>