Javascript 背景尺寸得到';使用ngStyle ANGLAR2忽略s

Javascript 背景尺寸得到';使用ngStyle ANGLAR2忽略s,javascript,css,angular,Javascript,Css,Angular,当我检查Chrome中的元素时,我得到显示:块但背景尺寸:封面不存在 你知道这是什么原因吗 这是我的代码: <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': 'blo

当我检查Chrome中的元素时,我得到
显示:块但<代码>背景尺寸:封面不存在

你知道这是什么原因吗

这是我的代码:

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

你好{(项目|异步)?.name}

您应该在
url('+(items | async)?.img_路径[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'}"

您应该在
url(+(items | async)?.img_路径[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'}"

请让我知道我的答案是否有用,或者我应该删除它(不要让未来的读者感到困惑)@KostasSiabanis不能说。用另一种方法解决了它,但不记得是怎么解决的。请告诉我我的答案是否有用,或者我应该删除它(不要让未来的读者感到困惑)@KostasSiabanis不能说。用另一种方式解决了这个问题,但不记得是怎么解决的。不加评论地投反对票对任何人都没有多大帮助。我很想知道我能如何改进并帮助他人改进。投票不加评论对任何人都没有多大帮助。我很想知道我如何才能提高并帮助他人提高。