Question

我有一个app.component.html和.assets / images /

中的一些图像

但是浏览器指出ERROR TypeError：_co.url不是函数您能帮我解决这个问题吗？谢谢

<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材质中不起作用

1 个答案: