angular - 我正在尝试制作一个用作背景图像的组件，仅在渲染另一个组件时才显示

Question

在我当前的场景中，当我在 html 文件中应用此背景组件时，即使没有要显示的元素，它也会显示在页面上。我想知道的是，只有在该 div 上显示视频时，我如何才能看到背景？

提前致谢。

标签： angular

Answer 1

<div [ngStyle]="{backgroundImage: yourCondition ? 'url(yourUrl)' : null}">
  content
</div>