使用 ng-repeat 时不断出错答案

【问题标题】：Keep getting an error when using ng-repeat使用 ng-repeat 时不断出错
【发布时间】：2021-08-13 18:55:55
【问题描述】：

我正在使用 NG-repeat 显示结果。通过 $http.post 的 API 调用接收包含信息的数组。结果中有一个“缩略图”项。

部分结果是：

"Thumbnail":"https:\/\/<externalurl>.com\/_layouts\/15\/userphoto.aspx?username=username@domain.com

并使用（代码sn-p）显示：

<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>

这一切正常，一切都显示正确。结果字符串没问题，不包含任何空结果。但是，当我看到（仅在开发人员模式下）一个错误时： 404 未找到

当我查看错误时，它会尝试加载：

http://internalUrl.com/%7B%7Bu.Thumbnail%7D%7D

但是在网页本身上，没有错误...似乎第一次看到'u.Thumbnail'信息还没有加载，甚至更多的angularjs {{u.Thumbnail}}没有暂时理解了……但我在“u.Name”上没有错误……

确切地说，当我 'console.log' 返回的数据时，我只有正确的条目，没有空的条目。所以返回的信息是正确的……

我希望很清楚“问题”是什么。同样，对于功能它没有任何区别，但我想了解并消除错误......

谢谢！

【问题讨论】：

标签： javascript angularjs angularjs-ng-repeat

【解决方案1】：

在 AngularJS 中你必须使用 ng-src 而不是 src 属性

https://docs.angularjs.org/api/ng/directive/ngSrc

【讨论】：

生活可以如此简单！ ;-) 谢谢@costa！