Html 如何将ng src设置为有条件地搜索IMG src?

Html 如何将ng src设置为有条件地搜索IMG src?,html,angularjs,Html,Angularjs,我有一个包含图像名称的变量,所以我将源设置为path+variable+PNG。问题是,在开始时,我的var为null,因此找不到SRC,我得到一个错误。如何使IMG仅在变量不为null时才搜索其源 <img ng-src="images/{{server.purpose}}.png"> 其中server.purpose包含根据用户选择的图片名称。由于server.purpose为null,我在开始时收到一个错误。我想使用一个条件,即只有server.purpose不为null

我有一个包含图像名称的变量,所以我将源设置为path+variable+PNG。问题是,在开始时,我的var为null,因此找不到SRC,我得到一个错误。如何使IMG仅在变量不为null时才搜索其源

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


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

可能是这样的

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

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