angular - 如何在 Angular 8 中添加动态条件背景图像

Question

我是 Angular (8) 的新手。我正在尝试添加有条件的背景图像。请帮我解决一下。以下是我的代码。

<div class="kt-avatar__holder"
[ngStyle]="{'background-image': if addUser.value.attachmentURL? {{addTDAUser.value.userImage}} else'../assets/media/users/300_20.jpg'}">
  
Content

</div>

Answer 1

你可以像这样使用[ngStyle]

<div class="kt-avatar__holder" style="height: 200px; width: 200px;"
        [ngStyle]="{'background-image': addUser.value.attachmentURL ? 'url(' + addTDAUser.value.userImage + ')' : 'url(' + '../assets/media/users/300_20.jpg' + ')' }">
       Content
</div>