[英]Style background image URL depending on variable from HTML - Angular
I am trying to create a div
with a background of an image depending one picture. 我正在尝试根据一张图片的背景创建一个div
。
I have tried this: 我已经试过了:
<div
*ngIf="persona.photoURL"
class="photo"
style="background-image: url({{persona.photoURL}})"
></div>
but I get a div
with an empty background. 但我得到一个背景为空的div
。 I know that bet.photoURL
has a value. 我知道bet.photoURL
具有价值。 How could I achieve my goal? 我如何实现我的目标?
Try with ngStyle
尝试使用ngStyle
<div
*ngIf="persona.photoURL"
class="photo"
[ngStyle]="{'background-image': 'url(' + persona.photoURL + ')'}"
></div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.