angular - div中的动态图像加载
问题描述
现在我正在做一个 Angular 8 项目。我需要动态加载来自后端的图像。我希望将此图像加载到特定的 div 部分。我试过这个。但不工作。有人帮忙吗?
<div class="col-md-5 box mt-4" style="background-image: url({{url}}/SupportingFiles/profile/{{institution_folder_name}}/idcards/front.jpg);">
解决方案
height
如果您width
使用background-image
. 否则它将无法正常工作。
<div class="col-md-5 box mt-4" style="background-image: url({{url}}/SupportingFiles/profile/{{institution_folder_name}}/idcards/front.jpg); height: xxpx; width:xxpx">
最好加一个类。
推荐阅读
- c - 有没有办法“动态调整” char 变量?
- r - 如何将collapsibleTree生成的可折叠树形图保存到R中的html文件
- python - 用python放逐周末和特定假期,计算两个日期之间的工作日数
- ios - 是否可以不在 iOS 上推送/呈现预览控制器
- python - Windows 7 64 位上的 streamlit 安装错误
- text-processing - 以 hexdump 格式转义百分号 (%)
- java - 查询以获取弹性搜索中 id 列表的结果
- apache-spark - 如何使用 Pyspark 加载雪花表,我的 Dataframe 的日期列应反映为 TIMESTAMP_LTZ 格式
- java - 带有连接和 where 子句的休眠条件查询
- c - C - stackdump,带有多个 fork+redirect+exec 的奇怪输出