Question

我希望根据属性显示来自不同来源的图片，所以我有以下内容：

<div ng-if="!file.$ngfBlobUrl">
  <img  style="width:50px; height: 50px" ng-src="{{diffent/img/path.jpg}}">
      </div>

<div ngf-if="!!file.$ngfBlobUrl">
  <img style="width:50px; height: 50px" ngf-src="file">
</div>

当！file。$ ngfBlobUrl === false时，该源未被使用，因此图像未显示，这是完美的。但我收到404错误，因为无法找到img源。我怎么能防止这种情况？我的意思是，ng-if不是为了寻找那个网址。

注意：ngf-if和$ ngfBlobUrl来自ng文件上传库

Answer 1

ng-src属性的值应该引用Angular模型。例如：

function MyCtrl($scope) {
  $scope.image = 'http://imgur.com/myimage.jpg'
}

<img style="width: 50px; height: 50px;" ng-src="{{image}}">

Answer 2

我使用两个不同的列表解决了它，一个已经上传了文件（使用ng-src =“{{path}}”），另一个用于尚未上传的文件并使用ngf-src指令。我认为它是一种更清洁，更简单的方式来实现我想要的目标。

非常感谢！

ng文件上传 - ng-src无效

2 个答案: