Question

我有一个Angular模板：

    <div class="item holder" ng-repeat="article in articles">
        <div class="col-xs-4 col-sm-4 col-md-3 holder imgHolder">
            <a href="{{article.articleLink}}"><img src="{{article.image}}" alt="" /></a>
        </div>
    </div>

它显示了一个文章列表。

我在控制台上收到以下错误：

GET http://example.com/%7B%7Barticle.image%7D%7D 404 (Not Found)

模板正确呈现文章，但我也收到错误。

为什么我收到此错误？

Answer 1

首先取article.image并将其打印到控制台console.log，然后将Url复制+粘贴到您的浏览器中。您的浏览器是否获得404？如果发生这种情况，那么没有您的网址就会出现问题。如果情况并非如此，那么：

看起来AngularJs正在用Url安全字符替换一些关键字符请尝试使用ng-src="article.image"。

如果您仍然获得404并且其中仍然有%7D，则输出article.image到控制台以确保字符串不错。

关于网址源的角度报告404

1 个答案: