欢迎来到代码驿站!

AngularJS

当前位置:首页 > 网页前端 > AngularJS

angular4模块中给标签添加背景图的实现方法

时间:2021-02-02 10:11:09|栏目:AngularJS|点击:

一、现象

一个全屏的“走马灯”每项需要添加背景图,在循环标签里需要动态添加行内样式

二、解决

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,只是单纯的图片路径,应该如何操作?

上一篇:angular多语言配置详解

栏    目:AngularJS

下一篇:AngularJS国际化详解及示例代码

本文标题:angular4模块中给标签添加背景图的实现方法

本文地址:http://www.codeinn.net/misctech/55671.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有