如果 JSON 中的图片为空，请使用另一张图片 - AngularJS

Question

下面我有一个 ng-repeat，其中内部 div 在读取 JSON 文件后获取背景图像集。

我的问题是 - 如果 post.featured_image.attachment_meta.sizes.medium.url 不存在或为空，用另一张图片替换它的最佳方法是什么？说一个默认的备份图片？由于我对 AngularJS.

比较陌生，所以我正在寻找一个解决方案或提示来寻找什么

代码如下：

<article ng-repeat="post in posts">
   <div style="background-image: url({{ post.featured_image.attachment_meta.sizes.medium.url }})"></div>
</article>

Answer 1

你可以使用 ng-style:

<article ng-repeat="post in posts">
   <div ng-style="post.featured_image.attachment_meta.sizes.medium.url === null ? {'background-image': 'url(/yourimage.jpg)' } : {'background-image': 'url('+post.featured_image.attachment_meta.sizes.medium.url+')' }"></div>
</article>

如果 JSON 中的图片为空，请使用另一张图片 - AngularJS

If image is null from JSON, use another image - AngularJS

json

angularjs

wordpress

angularjs-ng-repeat

wp-api