如何设置 ng-src 有条件地搜索 IMG SRC？答案

【问题标题】：how to set ng-src to conditionally search for IMG SRC?如何设置 ng-src 有条件地搜索 IMG SRC？
【发布时间】：2014-05-08 21:28:45
【问题描述】：

我有一个包含图像名称的变量，所以我将源设置为路径 + 变量 + PNG。问题是一开始我的 var 是空的，所以找不到 SRC，我得到一个错误。如何让 IMG 仅在我的变量不为空时搜索其来源？

<img ng-src="images/{{server.purpose}}.png">

其中 server. purpose 包含根据用户选择的图片名称。一开始我收到一个错误，因为 server. purpose 为空。我想使用一个条件，即只有当 server. purpose 不为空时，img 才会查找 src。我尝试使用ng-if，但如果没有找到它只是隐藏img，错误仍然存在。

【问题讨论】：

【解决方案1】：

如果您将值null 用于ng-src，则会阻止对服务器的调用。因此从ng-src 中删除硬编码位并将其设置在范围变量中。一旦需要显示图像，请将整个路径放入变量中。

【讨论】：

【解决方案2】：

也许是这样的？

<div ng-if="variable">
  <img ng-src="..."/>
</div>

【讨论】：