web-dev-qa-db-fra.com

Angular Afficher l'image dans la cellule de la table de matériaux

J'essaie de montrer une image dans une cellule de ma table. J'ai donc essayé ce code dans mon fichier HTML:

<ng-container matColumnDef="ImageUrl">
  <mat-header-cell *matHeaderCellDef> imageUrl </mat-header-cell>
  <mat-cell *matCellDef="let element"> {{element.imageUrl}} </mat-cell>
  <img [src]="imageUrl" />
</ng-container>

Malheureusement, rien n'apparaît dans ma table.

angularangular-material-table
7
Dominik

Donnez cela un essai:

<ng-container matColumnDef="imageUrl">
  <th mat-header-cell *matHeaderCellDef> Image Url </th>
  <td mat-cell *matCellDef="let element"> <img [src]="element.imageUrl" /> </td>
</ng-container>

Voici A Exemple de travail Stackblitz pour votre réf.

7
SiddAjmera