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 相关文章推荐
jquery 1.3.2 IE8中的一点点的小问题解决方法
Jul 10 Javascript
JavaScript学习笔记(二) js对象
Oct 25 Javascript
浅析jquery的js图表组件highcharts
Mar 06 Javascript
jQuery动态星级评分效果实现方法
Aug 06 Javascript
jquery移动端TAB触屏切换实现效果
Dec 22 Javascript
JavaScript编写简单的计算器
Nov 25 Javascript
jQuery动画效果实现图片无缝连续滚动
Jan 12 Javascript
express框架实现基于Websocket建立的简易聊天室
Aug 10 Javascript
p5.js入门教程之平滑过渡(Easing)
Mar 16 Javascript
手写简单的jQuery雪花飘落效果实例
Apr 22 jQuery
微信小程序日历效果
Dec 29 Javascript
解决vue项目刷新后,导航菜单高亮显示的位置不对问题
Nov 01 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
利用Memcached在php下实现session机制 替换PHP的原生session支持
2010/08/21 PHP
MySQL 日期时间函数常用总结
2012/06/12 PHP
采集邮箱的php代码(抓取网页中的邮箱地址)
2012/07/17 PHP
支付宝服务窗API接口开发php版本
2016/07/20 PHP
php 截取utf-8格式的字符串实例代码
2016/10/30 PHP
PHP实现浏览器格式化显示XML的方法示例
2019/01/22 PHP
jQuery的学习步骤
2011/02/23 Javascript
javascript动态控制服务器控件实例
2014/09/05 Javascript
JS折半插入排序算法实例
2015/12/02 Javascript
javascript性能优化之DOM交互操作实例分析
2015/12/12 Javascript
使用Angular.js实现简单的购物车功能
2016/11/21 Javascript
jQuery UI仿淘宝搜索下拉列表功能
2017/01/10 Javascript
JSONP跨域请求
2017/03/02 Javascript
详解Vuejs2.0 如何利用proxyTable实现跨域请求
2017/08/03 Javascript
基于Vue 2.0的模块化前端 UI 组件库小结
2017/12/21 Javascript
详细教你微信公众号正文页SVG交互开发技巧
2019/07/25 Javascript
Layui 解决表格异步调用后台分页的问题
2019/10/26 Javascript
JavaScript计算出两个数的差值
2020/03/19 Javascript
微信小程序语音同步智能识别的实现案例代码解析
2020/05/29 Javascript
[03:51]吞吞映像 每周精彩击杀top10第二弹
2014/06/25 DOTA
Python编写合并字典并实现敏感目录的小脚本
2019/02/26 Python
更新修改后的Python模块方法
2019/03/03 Python
django如何自己创建一个中间件
2019/07/24 Python
Python Django 命名空间模式的实现
2019/08/09 Python
python实现手势识别的示例(入门)
2020/04/15 Python
在keras下实现多个模型的融合方式
2020/05/23 Python
IE下实现类似CSS3 text-shadow文字阴影的几种方法
2011/05/11 HTML / CSS
Space NK美国站:英国高端美妆护肤商城
2017/05/22 全球购物
装修五一活动策划案
2014/01/23 职场文书
幼儿园门卫制度
2014/01/29 职场文书
2014全国两会学习心得体会2000字
2014/03/10 职场文书
优秀团干部个人事迹
2014/05/29 职场文书
个人股份转让协议书范本
2015/01/28 职场文书
幼儿园三八妇女节活动总结
2015/02/06 职场文书
党员电教片《信仰》心得体会
2016/01/15 职场文书
nginx常用配置conf的示例代码详解
2022/03/21 Servers