javascript - 角度从 api 获取具有样式背景图像的图像
问题描述
此时我从 API 获取图像并通过插值将其打印到视图:
<img src="{{url + '/get-product-image/' + product.image}}" *ngIf="product.image" class="img"/>
我的问题是:可以从 [style.background] 或类似的东西“插值”吗?
我的CSS:
#banner{
background: linear-gradient(rgba(0,0,0,.8), rgba(0,0,0,.8)),
url('https://images.unsplash.com/photo-1460306855393-0410f61241c7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1952&q=80');
}
我的目标是插入 html 元素的背景图像:
<section id="banner">
<section [style.backgroundImage]="{{url + '/get-product-image/' + product.image}}"></section>
提前致谢
解决方案
你的语法是错误的。像这样使用“style.backgroundImage”时它应该可以工作:
<section [style.backgroundImage]="'url(' + URL_OF_IMAGE + ')'"></section>
推荐阅读
- c - void* 与 char* 具有相同的表示和内存对齐是什么意思?
- python - 如何定义输入为列名的函数?
- windows - 拒绝连接到“blob:http://XXX”,因为它违反了以下内容安全策略指令:“connect-src 'self'
- node.js - 仅 http cookie Node.js,React 的会话管理问题
- php - json 文件到 mysql 数据库插入为“数组”的列
- aws-lambda - AppSync 与 AWS4 和混合身份验证类型(UserPools 和 IAM)
- firebase - Firebase 扩展删除用户数据不适用于 {DEFAULT} 存储桶
- javascript - 将动态布尔属性传递给 VueJS 组件
- asterisk - 如何在数据库中保存带星号的事件
- ssl - 路由器将自己的 SSL 证书而不是我的域提供给 LAN 主机