#Angular7 [ngStyle] 背景图像在 Angular 7 Material 中不起作用

Question

我有一张 app.component.html 和一些图片在 .assets/images/

但是浏览器宣布 ERROR TypeError: _co.url is not a function 你能帮我解决这个问题吗？谢谢

<mat-sidenav-container class="sidenav-container" autosize>
  <mat-sidenav #sidenav class="mat-elevation-z4" mode="side">
    <mat-nav-list *ngFor="let source of mSources">
        <div mat-card-avatar [ngStyle]="{'background': url('../assets/images/abc-news.png')}" ></div>
      <mat-list-item>{{source.name}}</mat-list-item>
    </mat-nav-list>
  </mat-sidenav>
</mat-sidenav-container>

Answer 1

您的 ngStyle 值格式不正确。该值需要是一个字符串 - 正如您所拥有的那样，它是一个名为 'url' 的函数，因为 [ngStyle] 将尝试将其评估为表达式。应该是：

[ngStyle]="{'background': 'url(\'../assets/images/abc-news.png\')'}"

但是 - 因为您没有使用表达式，所以不需要 [ngStyle]，您可以只使用样式：

style="background: url('../assets/images/abc-news.png');"

#Angular7 [ngStyle] 背景图像在 Angular 7 Material 中不起作用

#Angular7 [ngStyle] background-image not working in Angular 7 Material

angular-material

angular7