我的角度应用程序中未显示图像

Question

在此之前，我的打字稿版本（“打字稿”：“〜3.4.3”）和弹性版本相互不兼容，因此我将其弹性版本更改为最新版本（即{{1} }。现在在编译和控制台上都没有错误，但是仍然没有显示我的图像。这是我的html代码。

"@angular/flex-layout": "^8.0.0-beta.27"

Answer 1

尝试这样：

Working Demo

<div class="container" fxLayout="column" fxLayoutGap="10px">
    <mat-list fxFlex>
        <mat-list-item *ngFor="let dish of dishes">
            <img matListAvatar [src]="dish.image" [attr.alt]="dish.name">
            <h1 matLine>{{dish.name}}</h1>
            <p matLine><span>{{dish.description}}</span></p>
        </mat-list-item>
    </mat-list>
</div>