来自 API 的背景图片 [关闭]答案

【问题标题】：Background image from API [closed]来自 API 的背景图片 [关闭]
【发布时间】：2018-05-07 09:50:58
【问题描述】：

我在我的 Angular 应用程序中使用 Spotify API，我想知道您是否可以从 API 的对象中设置背景图像？我试过这样的东西

<div *ngIf="artist.images.length > 0">
   <div style="background-image: url("artist.images[2].url")">
   </div>
</div>

【问题讨论】：

【解决方案1】：

你在这里漏掉了一些东西，Angular 需要双花括号来渲染模板中的范围变量（当你不会在指令中使用它时，例如 ngIf 等）：

<div *ngIf="artist.images.length > 0">
   <div style="background-image: url("{{ artist.images[2].url }}")">
   </div>
</div>

【讨论】：

【解决方案2】：

在 Angular 5 中工作的答案：

[ngStyle]="{'background': 'url('+artist.images[2].url+')'}"

【讨论】：

【解决方案3】：

这可能就是你要找的：

<div *ngIf="artist.images.length > 0">
    <div ng-style="{'background-image': 'url('+artist.images[2].url+')'}"></div>
</div>

【讨论】：

【解决方案4】：

你试过了吗：

<div *ngIf="artist.images.length > 0">
   <img [src]="url">
</div>

url 是您的图片网址。

【讨论】：

【解决方案5】：

除了提到的双花括号 enguerranws ...

根据spotify docs，它应该声明：

<div *ngIf="artist.images.length > 0">
  <div style="background-image: url("{{ data.artists[0].images[0].url }}")">
  </div>
</div>

【讨论】：