バックグラウンドサイズはngStyleで無視されますAngular2

Question

Chromeの要素を調べると、display: block;が得られますが、background-size: cover;はどこにもありません。

あなたはこれを引き起こす可能性があると考えていますか？

これは私のコードです：

<div class="image-slides" [ngStyle]="{'background': 'linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(' + (items | async)?.img_paths[0]+ ') center center no-repeat','display': 'block', 'background-size': 'cover'}"> 
    <ion-icon class="back-icon" (click)="goBack()" color="light" name="ios-arrow-round-back"></ion-icon> 
    <ion-icon class="fav-icon" color="light" name="star"></ion-icon> 
    <h1>Hello {{(items | async)?.name}}</h1> 
</div> 

Answer 1

あなたはこのようなurl(' + (items | async)?.img_paths[0]+ ')で引用符をエスケープする必要があります

[ngStyle]="{'background': 'linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(\' + (items | async)?.img_paths[0]+ \') center center no-repeat','display': 'block', 'background-size': 'cover'}"