javascript - 如何避免img标签的初始GET？

Question

这个问题已经有答案了:

Image Get Requests with AngularJS (2 个回答)

已关闭 7 年前。

加载页面时出现以下错误:

<div class="row" ng-show="showChannels">
  <div ng-repeat="content in formChannels" class="col-sm-2">
    <div class="well alignCenter" ng-click="clickSintonizarCanal($index)">
      <img src="{{content.images.image[0].url}}" class="img-responsive imgchannel" alt="{{$index}}">
    </div>
  </div>
</div>

我明白这是因为当您启动页面时“formChannels”为空。然后当 formChannels 已经有一个值时，一切正常。

我的问题是，如何避免这种不必要的 GET？

有什么方法可以做到“标准”、优雅或简单吗？

AngularJS 有针对这些情况的东西吗？

非常感谢大家!

Answer 1

只需使用 ng-src。一旦准备好，这将创建 src 属性。

<img ng-src="{{content.images.image[0].url}}" />