如何设置ng-src为有条件搜索IMG SRC



我有一个包含图像名称的变量,所以我将源设置为路径+变量+ PNG。事情是,在开始我的var是空的,所以SRC没有找到,我得到一个错误。如何使IMG仅在变量不为空时搜索其源?

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

服务器。目的包含根据用户选择的图片名称。我一开始就报错了,因为服务器。目的为空。我想使用一个条件,img将查找src只有如果服务器。目的不是空的。我尝试了ng-if,但它只是隐藏了img,如果没有找到,错误仍然发生

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

也许是这样的?

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

最新更新