json - 如果 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 样式：

<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>