异步背景图片：带有ng-repeat

Question

考虑我有一个API来获取博客文章列表，每个帖子都有自己的背景图片链接。

<article ng-style="{'background-image': 'url({{ post.meta.cover }})'}" ng-repeat="post in blog.listOfPost">

post.meta.cover 网址将以异步方式获取。

即使所有内容，每次加载页面时都会收到错误，因为该网址尚未提取。

 Cannot set property 'backgroundImage' of undefined

问题：如何在从api加载所有数据之前延迟解析html？

Answer 1

如果您正在等待该网址，则可以对其进行检查：

<article ng-style="post.meta.cover ? {'background-image': 'url(' + post.meta.cover + ')'} : {}" ng-repeat="post in blog.listOfPost">