使用 ng-repeat 时一直报错

Question

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

部分结果为：

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

并使用（代码片段）显示：

<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' return编辑数据时，我只有正确的条目，没有空条目。所以return的信息是正确的...

我希望大家清楚 'problem' 是什么。同样，对于功能而言，它没有任何区别，但我想了解并消除错误...

谢谢！

Answer 1

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

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

使用 ng-repeat 时一直报错

Keep getting an error when using ng-repeat

javascript

angularjs

angularjs-ng-repeat