Question

我的页面上有一个图像：

<img ng-src='http://someurl.com/image.png?parameter={{selected.id}}' />

在设置{{selected.id}}之后，Angular中是否有任何方法可以阻止ng-src解析？基本上我不想在selected.id设置之前加载图像。要设置selected.id，我需要进行Ajax调用。我所经历的是对图像的两次调用。

这似乎很容易做到，但我想不出办法。

谢谢你，维克多

Answer 1

您可以使用ng-if，这样img标记就会被删除，直到selected.id真实。这意味着在设置selected.id之前不会对图像发出请求。

<img ng-src='http://someurl.com/image.png?parameter={{selected.id}}' ng-if="selected.id" />

Answer 2

您可以使用ng-show指令

<img ng-src='http://someurl.com/image.png?parameter={{selected.id}}'
     ng-if="selected.id" />