如果不为空，则在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'}}" />