Open Closed

Displaying images on Angular UI #8947


User avatar
0
Sandilen created
  • 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)
  • User Avatar
    0
    erdem.caygor created
    Support Team

    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.photo already contains a full URL, use:

    <img [src]="row.photo" width="50" height="50" alt="Photo" />

    Let us know if we can assist you further

  • User Avatar
    0
    Sandilen created

    Got sorted Thank you

Boost Your Development
ABP Live Training
Packages
See Trainings
Mastering ABP Framework Book
The Official Guide
Mastering
ABP Framework
Learn More
Mastering ABP Framework Book
Made with ❤️ on ABP v10.0.0-preview. Updated on September 01, 2025, 08:37