我的mat-nav-list
看起来像这样:
<mat-nav-list>
<mat-list-item *ngFor="let draft of drafts$() | async">
<ng-container *ngIf="getImageUrl$(draft) | async as imageUrl">
<img matListAvatar [src]="imageUrl">
</ng-container>
<h1 matLine>{{draft.name}}</h1>
<p matLine>{{draft.description}}</p>
</mat-list-item>
</mat-nav-list>
<img matListAvatar [src]="imageUrl">
包含getImageUrl$(draft)
时,为什么pipe(delay())
无法显示图片?我正在使用延迟来模拟实际的异步服务调用。
您可以尝试使用stackblitz demo here。调整演示以查看没有delay()
的预期行为。
这是async pipe
或mat-list-item
行为/错误或我的代码有问题吗?