具有IF条件的Data-NG-SRC

Question

我有一个我使用以下图片显示的图像：

<img data-ng-src="data:image/jpg;base64,{{selectedReport.reportImage.imageFile.data}}"/>

上面的数据是从我的数据库中获取的。

当用户单击编辑记录并选择一个存储在变量ImageFile中的新图像时，我想显示此imageFile而不是获取记录。

如何使用Data-ng-src使用IF条件？
单独使用这些工作，但是我想应用一个我所说的条件，如果imagefile，则

data-ng-src="{{imageFile}}"

其他

data-ng-src="data:image/jpg;base64,{{selectedReport.reportImage.imageFile.data}}"

我试图这样做：

data-ng-src = {{imageFile}} and data-err-src = "data:image/jpg;base64,{{selectedReport.reportImage.imageFile.data}}"/>

但这不起作用。

Answer 1

我认为您应该只使用控制器中声明的函数来处理情况。

在您的控制器中：

 $scope.getImage = function (){
    return $scope.imageFile || [your_default_image_file];
 }

在您的html中，类似：

<img data-ng-src="{{getImage()}}"/>

我希望它有帮助。

Answer 2

angularjs视图支持二进制操作员

condition && true || false

所以您的img标签看起来像

<img data-ng-src="{{ imageFile != '' && imageFile || 'your-default-image' }}"/>

NOTE ：您可以使用任何条件来知道ImageFile是否存在或具有值。

注2 ：引文(即'您的默认图像'(在这里很重要。没有报价。