angularjs - 图像 url Angular js 中的 400(错误请求)

Question

ImageUrl/{{product.thumb_vImage}} 400 (Bad Request)

我在 console 中遇到上述错误；我想知道它的原因。

<div class="img" ng-repeat="product in products| orderBy : sort_by |limitTo:limit track by $index " >
  <a ng-click="displayProduct(product)" data-toggle="modal" data-target="#modal_product"> 
      <img class="image_{{product.iProductID}}" src="{{product.thumb_vImage}}" alt="">
      <div class="overlay"></div>
  </a>
</div>

Answer 1

应该像这样使用 {{}} 而不是 [[]] 也 ng-src 而不是 src,

   <img class="image_{{product.iProductID}}" ng-src="{{product.thumb_vImage}}" alt="">