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 相关文章推荐
asp.net和asp下ACCESS的参数化查询
Jun 11 Javascript
javascript 遍历验证所有文本框的值
Aug 27 Javascript
jquery查找tr td 示例模拟
May 08 Javascript
jQuery实现的多级下拉菜单效果代码
Aug 24 Javascript
利用jQuery实现漂亮的圆形进度条倒计时插件
Sep 30 Javascript
基于jQuery下拉选择框插件支持单选多选功能代码
Jun 07 Javascript
浅谈toLowerCase和toLocaleLowerCase的区别
Aug 15 Javascript
js 获取今天以及过去日期
Apr 11 Javascript
vue-router 导航钩子的具体使用方法
Aug 31 Javascript
基于angular6.0实现的一个组件懒加载功能示例
Apr 12 Javascript
基于VuePress 轻量级静态网站生成器的实现方法
Apr 17 Javascript
用WebStorm进行Angularjs 2开发(环境篇:Windows 10,Angular-cli方式)
Dec 05 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
PHP中文件读、写、删的操作(PHP中对文件和目录操作)
2012/03/06 PHP
php把数据表导出为Excel表的最简单、最快的方法(不用插件)
2014/05/10 PHP
php提取字符串中网站url地址的方法
2014/12/03 PHP
[原创]php实现子字符串位置相互对调互换的方法
2016/06/02 PHP
PHP HTTP 认证实例详解
2016/11/03 PHP
windows环境下使用Composer安装ThinkPHP5
2018/05/18 PHP
JavaScript NodeTree导航栏(菜单项JSON类型/自制)
2013/02/01 Javascript
JavaScript中对象属性的添加和删除示例
2014/05/12 Javascript
javascript实现控制div颜色
2015/07/07 Javascript
jQuery Mobile 和 Kendo UI 的比较
2016/05/05 Javascript
使用jquery获取url以及jquery获取url参数的实现方法
2016/05/25 Javascript
js实现文字选中分享功能
2017/01/25 Javascript
vue.js实例对象+组件树的详细介绍
2017/10/20 Javascript
详解Immutable及 React 中实践
2018/03/01 Javascript
javascript与PHP动态往类中添加方法对比
2018/03/21 Javascript
微信小程序实现下拉菜单切换效果
2020/03/30 Javascript
[03:21]【TI9纪实】Old Boys
2019/08/23 DOTA
Python中的if、else、elif语句用法简明讲解
2016/03/11 Python
python文件的md5加密方法
2016/04/06 Python
Python自然语言处理 NLTK 库用法入门教程【经典】
2018/06/26 Python
python 弹窗提示警告框MessageBox的实例
2019/06/18 Python
Python抓包程序mitmproxy安装和使用过程图解
2020/03/02 Python
Python txt文件如何转换成字典
2020/11/03 Python
Html5让容器充满屏幕高度或自适应剩余高度的布局实现
2020/05/14 HTML / CSS
英国地毯卖家:The Rug Seller
2019/07/18 全球购物
开展读书活动总结
2014/06/30 职场文书
庆国庆活动总结
2014/08/28 职场文书
2014年销售经理工作总结
2014/12/01 职场文书
2015元旦晚会主持人开场白+结束语
2014/12/14 职场文书
市直属机关2016年主题党日活动总结
2016/04/05 职场文书
python中sys模块的介绍与实例
2021/04/17 Python
python自然语言处理之字典树知识总结
2021/04/25 Python
Pandas自定义选项option设置
2021/07/25 Python
MySQL串行化隔离级别(间隙锁实现)
2022/06/16 MySQL
Hive常用日期格式转换语法
2022/06/25 数据库
利用Python实时获取steam特惠游戏数据
2022/06/25 Python