Javascript 找不到Angular.js图像404

我有个小问题。 我想显示我从RESTAPI获得的类别中的图标。 要做到这一点，我使用休息角度，这给我的图标设计。 我的问题是firebug警报：

"NetworkError: 404 Not Found - http://localhost:8888/app/%7B%7Bc.icon%7D%7D"

这是因为我的模板是在api响应之前加载的

<ul class="col-md-9 inner">
    <li ng-repeat="c in categories"><img src="{{c.icon}}" alt="{{c.name}}" ng-cloak></li>
</ul>

如您所见，我尝试使用ng斗篷，也尝试使用ng show=“categories”，但仅此而已。 如何避免这种行为并仅在填充categories变量时加载ng repeat？

而不是

<img src="{{c.icon}}" alt="{{c.name}}" ng-cloak>

您应该使用ng src：

<img ng-src="{{c.icon}}" alt="{{c.name}}">

发件人：

在src属性中使用像{{hash}}这样的角度标记是不正确的：浏览器将从URL获取文本{{hash}，直到Angular替换了{{hash}中的表达式。ngSrc指令解决了这个问题

<img ng-src="{{c.icon}}" alt="{{c.name}}">