-
ABP Framework version: v9.0.3
-
UI Type: Angular
-
Database System: EF Core (SQL Server, Oracle, MySQL, PostgreSQL, etc..)
-
Tiered (for MVC) or Auth Server Separated (for Angular): yes
-
Exception message and full stack trace:
-
Steps to reproduce the issue:
-
I am trying to display thumbnail size photos in each row.
<ngx-datatable-column>
<ng-template let-column="column" ngx-datatable-header-template>Logo</ng-template>
<ng-template let-row="row" ngx-datatable-cell-template>
<img [src]="/image/row['photo']">
</ng-template>
</ngx-datatable-column>
2 Answer(s)
-
0
Hello,
Thank you for reporting this issue! Based on your implementation, it looks like the image source ([src]) is not bound correctly, which may be causing the images not to display.Suggested Fix
Please replace your <img> tag with the following:
<img [src]="'/image/' + row.photo" width="50" height="50" alt="Photo" />Additional Recommendations
if
row.photoalready contains a full URL, use:<img [src]="row.photo" width="50" height="50" alt="Photo" />Let us know if we can assist you further
-
0
Got sorted Thank you
