如何将背景图像添加到角度 8 的 div？答案

【问题标题】：How to add background image to a div in angular 8?如何将背景图像添加到角度 8 的 div？
【发布时间】：2020-09-22 20:44:23
【问题描述】：

我想将背景图像添加到 div 类 row1。我尝试过使用style.background 和style.background-image。

.html

<div class="row1"  [style.background-image]="'url('imgUrl') ' " >

.ts

imgUrl="assets/images/userImg.png"

【问题讨论】：

【解决方案1】：

您imgUrl 是一个变量，但您正在使用它的名称。

试试

<div class="row1" [style.background-image]="'url(\'' + imgUrl + '\')'" >

【讨论】：

【解决方案2】：

使用这个：

<div class="row1" [ngStyle]="{ 'background': 'url(' + imgUrl + ')' }"></div>

或

<div class="row1" [style.background]="'url(' + imgUrl + ')'"></div>

【讨论】：