I am using NG-repeat to display results. The information is retrieved from an array through an API call using $http.post. One of the items in the results is a 'Thumbnail'.
A snippet of the result looks like this:
"Thumbnail":"https:\/\/<externalurl>.com\/_layouts\/15\/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="106563756260787f647f3e716360682f656375627e717d752d656375627e717d7550747f7d71797e3e737f7d">[email protected]</a>
It is displayed using the following code snippet:
<tr ng-hide="group.$hideRows" ng-repeat="u in group.data" ng-repeat-end>
<td class="td-info"><img src={{u.Thumbnail}}></td>
<td class="td-info" title="'Name'">{{u.Name }}</td>
Everything displays correctly without any empty results. However, I encounter a 404 NOT FOUND error while debugging in developer mode. It tries to load the URL as:
http://internalUrl.com/%7B%7Bu.Thumbnail%7D%7D
There is no visible error on the webpage itself, but it seems that there is a momentary issue with interpreting {{u.Thumbnail}} in AngularJS before the information is fully loaded. Strangely, 'u.Name' does not produce an error.
When I console.log the returned data, everything appears correct without any empty entries. I would like to understand and resolve this error, even though it does not affect functionality.
Thank you!