javascript - 如果不为空，则在 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-show="cat1.PictureURIs[0].URI != ''" src="{{cat1.PictureURIs[0].URI}}" />
<img ng-hide="cat1.PictureURIs[0].URI != ''" src="/assets/img/placeholder.png">

试一试。

希望它有用!