背景画像のURLに問題があります。私は配列に画像のURLを持っていますどのように背景画像のURLで使用できますか
<div class="col-lg-3 col-md-3 col-sm-6" *ngFor="let course of courses"><a>
</a><div class="box"><a>
<div class="box-gray aligncenter" [style.backgroundColor]="course.imageUrl" >
</div>
</a><div class="box-bottom"><a >
</a><a >{{course.name}}</a>
</div>
</div>
</div>
これを参照してください Angular2 dynamic background images
// inappropriate style.backgroundColor
[style.backgroundColor]="course.imageUrl"
// style.backgroundImage
[style.backgroundImage]="'url('+ course.imageUrl +')'"
答えてくれてありがとう、正しいコードは
[ngStyle]="{'background-image':'url(' + course.imageUrl + ')'}">
background
の代わりにbackgroundColor
を使用する必要があります
[style.background]="'url('+course.imageUrl+')'"
単一の変数にURLパスを追加することでそれを行うことができます。例えば
bgImageVariable="www.domain.com/path/img.jpg";
そして
second way
[ngStyle]="{'background-image': 'url(' + bgImageVariable + ')'}"