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'}"

使用ngStyle Angular2忽略background-size get

1 个答案: