In Angular, how to know if an image came from the API, if not loader another one instead?

Asked Aug 17 '20 at 23:32

Active Aug 17 '20 at 23:32

Viewed 34 times

in my code I get an image of the API (row. fotoPessoa), if I don't have an image I put another one in place ([src] = "imgPessoa"). How to do this?

          <ng-container matColumnDef="fotoIndividuo">
            <th mat-header-cell *matHeaderCellDef > Foto </th>
            <td mat-cell *matCellDef="let row" data-label="Foto: " > 
              <img [src]="imgPessoa" > 
              {{row.fotoPessoa}} 
            </td>
          </ng-container>

asked Aug 17 '20 at 23:32

Anísio Silva

1

use onerror event – epascarello Aug 17 '20 at 23:33
1

`[src]="row.fotoPessoa || imgPessoa"`? – Phix Aug 17 '20 at 23:34
https://stackoverflow.com/questions/8124866/how-does-one-use-the-onerror-attribute-of-an-img-element – epascarello Aug 17 '20 at 23:35
1

– Rahul Cv Aug 18 '20 at 01:23

In Angular, how to know if an image came from the API, if not loader another one instead?

0 Answers0