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

1 个答案: