时间:2021-05-28
一、现象
一个全屏的“走马灯”每项需要添加背景图,在循环标签里需要动态添加行内样式
二、解决
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模块中给标签添加背景图的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
今天遇到个小问题,纠结了很久,分享下a标签添加背景图,需要给a添加display:block样式但是在ie8下还是不能显示背景图,开始以为是由于a标签为空造成的
学习目录Angular4依赖注入教程之一依赖注入简介Angular4依赖注入教程之二组件服务注入Angular4依赖注入教程之三ClassProvider的使用
ppt中想要插入背景图片,该怎么给表格添加背景图呢?下面我们就来看看ppt表格插入图片作为背景图的教程。软件名称:PowerPoint2017简体中文免费完整版
学习目录Angular4依赖注入教程之一依赖注入简介Angular4依赖注入教程之二组件服务注入Angular4依赖注入教程之三ClassProvider的使用
开网店搞淘宝装修的时候,整体页面的感官效果很重要,下面我们来介绍下如何给淘宝旺铺基础版添加背景图。花了点功夫,终于找到了给淘宝旺铺基础版店铺添加背景图的方法,只