angular4模塊中給標(biāo)簽添加背景圖的實(shí)現(xiàn)方法

發(fā)布時(shí)間：2020-10-12 10:42:16 來源：腳本之家閱讀：162 作者：jingxian 欄目：web開發(fā)

一、現(xiàn)象

一個(gè)全屏的“走馬燈”每項(xiàng)需要添加背景圖，在循環(huán)標(biāo)簽里需要?jiǎng)討B(tài)添加行內(nèi)樣式

二、解決

1、首先有一個(gè)圖片數(shù)組，如：

export class AppComponent {
 array = ["url(/assets/images/img1.png)","url(/assets/images/img2.png)"];
}

2、模塊中添加數(shù)據(jù)，如：

<div nz-carousel-content *ngFor="let item of array" [ngStyle]="{'background-image': item }"></div>

三、總結(jié)

需要繼續(xù)思考，如果數(shù)組中不帶有url，只是單純的圖片路徑，應(yīng)該如何操作？

以上這篇angular4模塊中給標(biāo)簽添加背景圖的實(shí)現(xiàn)方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持億速云。

向AI問一下細(xì)節(jié)

猜你喜歡