ng-if如果不使用ng-src

Question

我尝试使用图标或图片，具体取决于我们要在内容管理系统中显示的内容。出于某种原因，当页面显示某些图像在开发工具中显示ng-if（已注释掉）但它没有像应该那样在页面上显示图像。

这是使用的绑定：

<% String iconClass = "icon-img-" + properties.get("iconClass" , "");
pageContext.setAttribute("iconClass", iconClass); %> 

这是前端：

<h3 class="header__heading beta"><span class="${iconClass} header__icon" aria-hidden="true"><img ng-if="${imgPath}" ng-src="${imgPath}"/></span> ${title}</h3>

是什么导致ng-if拾取图像路径而不显示它？

Answer 1

你可以调用函数在img标签中设置图像。

 <img ng-src="setImage(${imgPath})">

并在控制器检查条件

 $scope.setImage = function(imgPath){
   if(imgPath.isAdvert)
     //
   else
    //

 };

Answer 2

您可以尝试这样：ng-src =“{{imgPath}}”