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


Posted in Javascript onSeptember 15, 2017

一、现象

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

二、解决

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模块中给标签添加背景图的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
让div层随鼠标移动的实现代码 ie ff
Dec 18 Javascript
浅析JS刷新框架中的其他页面 &amp;&amp; JS刷新窗口方法汇总
Jul 08 Javascript
javascript代码运行不出来执行错误的可能情况整理
Oct 18 Javascript
jquery日历控件实现方法分享
Mar 07 Javascript
js操作IE浏览器弹出浏览文件夹可以返回目录路径
Jul 14 Javascript
基于jquery实现页面滚动到底自动加载数据的功能
Dec 19 Javascript
AngularJS实现在ng-Options加上index的解决方法
Nov 03 Javascript
JS实现焦点图轮播效果的方法详解
Dec 19 Javascript
手动初始化Angular的模块与控制器
Dec 26 Javascript
详解layui中的树形关于取值传值问题
Jan 16 Javascript
React中阻止事件冒泡的问题详析
Apr 12 Javascript
vue插件--仿微信小程序showModel实现模态提示窗功能
Aug 19 Javascript
基于Vue生产环境部署详解
Sep 15 #Javascript
基于Vue单文件组件详解
Sep 15 #Javascript
json2.js 入门教程之使用方法与实例分析
Sep 14 #Javascript
php main 与 iframe 相互通讯类(js+php同域/跨域)
Sep 14 #Javascript
iframe与主框架跨域相互访问实现方法
Sep 14 #Javascript
VsCode插件整理(小结)
Sep 14 #Javascript
推荐VSCode 上特别好用的 Vue 插件之vetur
Sep 14 #Javascript
You might like
基于mysql的bbs设计(三)
2006/10/09 PHP
PHP 日,周,月点击排行统计
2012/01/11 PHP
thinkphp5 加载静态资源路径与常量的方法
2017/12/24 PHP
php实现JWT(json web token)鉴权实例详解
2019/11/05 PHP
改变javascript函数内部this指针指向的三种方法
2010/04/23 Javascript
初窥JQuery(一)jquery选择符 必备知识点
2010/11/25 Javascript
jquery div拖动效果示例代码
2013/12/08 Javascript
JS中的log对象获取以及debug的写法介绍
2014/03/03 Javascript
javascript使用正则控制input输入框允许输入的值方法大全
2014/06/19 Javascript
Jquery通过JSON字符串创建JSON对象
2014/08/24 Javascript
在JavaScript中处理时间之setMinutes()方法的使用
2015/06/11 Javascript
深入浅析JavaScript字符串操作方法 slice、substr、substring及其IE兼容性
2015/12/16 Javascript
JS中对象与字符串的互相转换详解
2016/05/20 Javascript
深入理解jQuery3.0的domManip函数
2016/09/01 Javascript
KnockoutJS 3.X API 第四章之表单textInput、hasFocus、checked绑定
2016/10/11 Javascript
echarts饼图扇区添加点击事件的实例
2017/10/16 Javascript
webpack打包并将文件加载到指定的位置方法
2018/02/22 Javascript
基于JavaScript实现猜数字游戏代码实例
2020/07/30 Javascript
[01:13]2015国际邀请赛线下观战现场
2015/08/08 DOTA
python strip()函数 介绍
2013/05/24 Python
python根据出生年份简单计算生肖的方法
2015/03/27 Python
opencv改变imshow窗口大小,窗口位置的方法
2018/04/02 Python
Python实现正则表达式匹配任意的邮箱方法
2018/12/20 Python
python3+PyQt5 自定义窗口部件--使用窗口部件样式表的方法
2019/06/26 Python
python爬虫-模拟微博登录功能
2019/09/12 Python
Python笔记之工厂模式
2019/11/20 Python
职称自我鉴定
2013/10/15 职场文书
法学专业应届生求职信
2013/10/16 职场文书
学校经典推荐信
2013/10/30 职场文书
竞选班干部的演讲稿
2014/04/24 职场文书
商铺门前三包责任书
2014/07/25 职场文书
浪漫婚礼主题活动策划方案
2014/09/15 职场文书
严以律己专题学习研讨会发言材料
2015/11/09 职场文书
幼儿园国培研修日志
2015/11/13 职场文书
竞聘书的秘诀
2019/04/02 职场文书
MongoDB数据库的安装步骤
2021/06/18 MongoDB