angular4模塊中標簽添加背景圖


一、現象

一個全屏的“走馬燈”每項需要添加背景圖,在循環標簽里需要動態添加行內樣式

 

二、解決

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字符,只是單純的圖片路徑,應該如何操作?

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM