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

一、现象

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

二、解决

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

# angular4  # 背景图  # AngularJS中的模块详解  # 详细AngularJs4的图片剪裁组件的实例  # 给大家  # 走马灯  # 希望能  # 这篇  # 全屏  # 小编  # 中不  # 大家多多  # 有一个  # 每项  # xhtml  # brush  # array  # url  # export  # AppComponent  # class  # strong  # color  # pre 

相关文章： 网站制作公司,橙子建站是合法的吗？  ,交易猫的商品怎么发布到网站上去？  建站主机无法访问？如何排查域名与服务器问题  青岛网站建设如何选择本地服务器？  如何用虚拟主机快速搭建网站？详细步骤解析  详解一款开源免费的.NET文档操作组件DocX（.NET组件介绍之一）  湖州网站制作公司有哪些,浙江中蓝新能源公司官网？  建站之星在线客服如何快速接入解答？  如何快速使用云服务器搭建个人网站？  如何通过可视化优化提升建站效果？  一键制作网站软件下载安装,一键自动采集网页文档制作步骤？  上海网站制作开发公司,上海买房比较好的网站有哪些？  如何在云主机上快速搭建网站？  外贸公司网站制作哪家好,maersk船公司官网？  魔毅自助建站系统：模板定制与SEO优化一键生成指南  c++ stringstream用法详解_c++字符串与数字转换利器  免费制作统计图的网站有哪些,如何看待现如今年轻人买房难的情况？  javascript中对象的定义、使用以及对象和原型链操作小结  建站之星安装路径如何正确选择及配置？  香港服务器租用每月最低只需15元？  专业网站制作企业网站,如何制作一个企业网站，建设网站的基本步骤有哪些？  建站之星代理平台如何选择最佳方案？  佛山企业网站制作公司有哪些,沟通100网上服务官网？  如何在腾讯云免费申请建站？  标准网站视频模板制作软件,现在有哪个网站的视频编辑素材最齐全的，背景音乐、音效等？  临沂网站制作公司有哪些,临沂第四中学官网？  如何快速辨别茅台真假？关键步骤解析  免费的流程图制作网站有哪些,2025年教师初级职称申报网上流程？  制作营销网站公司,淘特是干什么用的？  网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏？  已有域名如何免费搭建网站？  如何在Golang中使用replace替换模块_指定本地或远程路径  建站主机选购指南与交易推荐：核心配置解析  网站按钮制作软件,如何实现网页中按钮的自动点击？  如何选择高效响应式自助建站源码系统？  电商平台网站制作流程,电商网站如何制作？  建站之星如何助力企业快速打造五合一网站？  建站之星安装后界面空白如何解决？  如何在局域网内绑定自建网站域名？  如何在橙子建站上传落地页？操作指南详解  建站之星安装失败：服务器环境不兼容？  如何在万网自助建站平台快速创建网站？    红河网站制作公司,红河事业单位身份证如何上传？  在线教育网站制作平台,山西立德教育官网？  企业宣传片制作网站有哪些,传媒公司怎么找企业宣传片项目？  太原网站制作公司有哪些,网约车营运证查询官网？  如何选择CMS系统实现快速建站与SEO优化？  定制建站流程解析：需求评估与SEO优化功能开发指南  学校为何禁止电信移动建设网站？