内联CSS内的Angular 2插值

Question

我需要提供从服务器获取的动态图像链接。

<div *ngFor="let Feed of TopStories" style="background-image:url({{Feed.imageLink}}); background-size:cover;">

它将如何运作？

Answer 1

您可以使用NgStyle为元素动态分配css属性，如下所示：

<div [ngStyle]="{'background-image:url('{{Feed.imageLink}}')}"></<div>

Answer 2

这个有效 [ngStyle] =“{'background-image'：'url（'+ Feed.imageLink +'）'}”

Answer 3

或者，您可以添加父div <div *ngFor="let Feed of TopStories"> <div style="background-image:url({{Feed.imageLink}}); background-size:cover;"> 这可能不是标准方式，但它可以工作