angular4模塊中給標簽添加背景圖的實現方法
來源:懂視網
責編:小采
時間:2020-11-27 22:30:08
angular4模塊中給標簽添加背景圖的實現方法
angular4模塊中給標簽添加背景圖的實現方法:一、現象 一個全屏的走馬燈每項需要添加背景圖,在循環標簽里需要動態添加行內樣式 二、解決 1、首先有一個圖片數組,如: export class AppComponent { array = [url(/assets/images/img1.png),url(/assets/images/
導讀angular4模塊中給標簽添加背景圖的實現方法:一、現象 一個全屏的走馬燈每項需要添加背景圖,在循環標簽里需要動態添加行內樣式 二、解決 1、首先有一個圖片數組,如: export class AppComponent { array = [url(/assets/images/img1.png),url(/assets/images/

一、現象
一個全屏的“走馬燈”每項需要添加背景圖,在循環標簽里需要動態添加行內樣式
二、解決
1、首先有一個圖片數組,如:
export class AppComponent {
array = ["url(/assets/images/img1.png)","url(/assets/images/img2.png)"];
}
2、模塊中添加數據,如:
<div nz-carousel-content *ngFor="let item of array" [ngStyle]="{'background-image': item }"></div>
三、總結
需要繼續思考,如果數組中不帶有url,只是單純的圖片路徑,應該如何操作?
以上這篇angular4模塊中給標簽添加背景圖的實現方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
angular4模塊中給標簽添加背景圖的實現方法
angular4模塊中給標簽添加背景圖的實現方法:一、現象 一個全屏的走馬燈每項需要添加背景圖,在循環標簽里需要動態添加行內樣式 二、解決 1、首先有一個圖片數組,如: export class AppComponent { array = [url(/assets/images/img1.png),url(/assets/images/