angular4模块中给标签添加背景图的实现方法
编程学习 2021-07-04 17:32www.dzhlxh.cn编程入门
狼蚁网站SEO优化长沙网络推广就为大家带来一篇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，只是单纯的图片路径，应该如何操作？
以上这篇angular4模块中给标签添加背景图的实现方法就是长沙网络推广分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持狼蚁SEO。