插值错误 - 填充资源链接之前的图像请求

Question

我正在构建一个角度应用程序。 REST调用工作并填充所有必要的数据，但它似乎是在注入变量之前触发请求。这是我得到的错误：

  

获取http://localhost:10001/%7B%7Bproduct.image%7D%7D 404（未找到）

在页面插值之前会触发此错误，然后所有内容都会正确加载。它指向的链接是img的src链接。此URL的末尾应替换为图像资源的链接，但该变量尚未通过插值填充。

我还能告诉您什么，以便我可以追踪这个问题？

标记

<div class="headerWrap box-shadow">
    <h2 class="box-shadow">Product Selection</h2>
</div>
<ul class="products">
    <li ng-repeat="product in products" class="productPane box-shadow">
        <a ng-href="#/products/{{product.product_id}}" target="newtab">
            <div class="productMeta box-shadow">
                <img ng-src="{{product.image}}">
                <h3>{{product.name}}</h3>
                <p>{{(product.price/100) | currency: "&euro;" : 2}}</p>
            </div>
        </a>
    </li>
</ul>