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

【问题标题】：Show hide in angularJS if not empty如果不为空，则在 angularJS 中显示隐藏
【发布时间】：2016-01-05 07:34:08
【问题描述】：

我有这两张图片

<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它正确显示第一张图片。

【问题讨论】：

您是否尝试过使用ng-if？
什么不起作用？它在这里工作：plnkr.co/edit/70Rhng29h1LHIoYie5gT?p=preview
你检查了cmets中提到的例子吗？

标签： javascript jquery angularjs if-statement show-hide

【解决方案1】：

请按如下方式更新您的代码：

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

试一试。

希望它有效。！

【讨论】：

【解决方案2】：

类似的，

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

这将有助于实现。

【讨论】：

【解决方案3】：

&lt;img ng-src="{{cat1.PictureURIs[0].URI || '/assets/img/placeholder.png'}}" /&gt;

【讨论】：

虽然此代码可能会回答问题，但提供有关此代码为何和/或如何回答问题的额外上下文可提高其长期价值。例如，你的答案有什么不同并不是很明显。你可能想解释一下ng-src。