如果不为空，则显示隐藏在 angularJS 中

Question

我有这两张图片

<img ng-show="cat1.PictureURIs[0].URI" src="{{cat1.PictureURIs[0].URI}}" />
<img ng-hide="cat1.PictureURIs[0].URI" src="/assets/img/placeholder.png">

问题：如果{{cat1.PictureURIs[0].URI}}不为空显示第一张图片否则显示第二张图片。我使用 ng-show、ng-hide 但没有用。

不工作意味着： 其中 {{cat1.PictureURIs[0].URI}} 不为空它也显示第二张图片，而 {{cat1.PictureURIs[0].URI}} 哪里为空在那个地方它也显示第二张图片图片，但是当我删除 ng-show 它会正确显示第一张图片。

Answer 1

有点像，

<img ng-src="{{cat1.PictureURIs[0].URI? cat1.PictureURIs[0].URI : ('/assets/img/placeholder.png')}}"/>

有助于实现。

Answer 2

请更新您的代码如下：

<img ng-show="cat1.PictureURIs[0].URI != ''" src="{{cat1.PictureURIs[0].URI}}" />
<img ng-hide="cat1.PictureURIs[0].URI != ''" src="/assets/img/placeholder.png">

试一试。

希望有用！

Answer 3

<img ng-src="{{cat1.PictureURIs[0].URI || '/assets/img/placeholder.png'}}" />