1
次のngForがイメージを表示しています。画像が欠落している場合(Http 404)、単にimg要素を隠したいだけです。問題は、imgMissing変数がすべての要素に対してグローバルであることです。コンポーネントファイル内のロジックを使って簡単に解決できますし、アイテムパートに別のコンポーネントファイルを指定しても簡単に解決できます。ng索引を使用してアイテムを識別する
しかし、テンプレート内でのみこれを解決することは可能ですか?欠落しているイメージアイテムを識別するためにインデックスを使用しますか?
<div *ngFor="let item of items; let i = index">
<img *ngIf="!imgMissing" [src]="item.imgSrc" (error)="imgMissing=true;" />
</div>
? 欠落しているインデックスを知っていた場合は、 '* ngIf =" i!= knownIndex "'またはimgSrcが空白の場合は '* ngIf =" item.imgSrc " – silentsod
@silentsodご返信ありがとうございます。欠落しているインデックスがわからないということを忘れてしまいました。画像を取得しようとすると404エラーしか出ません。 – doorman