使用ngStyle忽略背景大小的get Angular2

當我檢查Chrome中的元素時，我得到display: block;，但background-size: cover;不存在。使用ngStyle忽略背景大小的get Angular2

你有什麼想法可以造成這種情況嗎？

這是我的代碼：

<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>

來源

2017-08-29 olivier

請讓我知道，如果我的回答是有幫助的，或者我應該刪除它（不要混淆未來讀者） –

@KostasSiabanis不能說。以另一種方式解決它，但不記得如何。 – olivier

你應該在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'}"

來源

2017-08-31 08:42:51

使用ngStyle忽略背景大小的get Angular2

回答

相關問題