找不到Angular.js图像404

Question

我有个小问题。我想显示我从rest获得的类别的图标。为此，我使用rest角，它给我设计的图标。我的问题是火虫警报：

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

这是我的控制器中对应的代码。

Category.getList().then(function(categories) {
     $scope.categories = categories;
});

正如您所看到的，我尝试使用ng斗篷，我也尝试玩ng-show=“类别”，但仅此而已。如何避免这种行为，并且只在填充了类别变量时加载ng-重复？

Answer 1

而不是

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

你应该使用ng-src：

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

来自ngSrc documentation：

在src属性中使用像{{哈希}}这样的角标记不能正常工作:浏览器将使用文字文本{哈希}}从URL中获取信息，直到Angular替换{{hash}}内的表达式为止。ngSrc指令解决了这个问题。