使用Ionic 3和ImgCache.js缓存异步映像

Question

按照方法describe here，我尝试在Ionic 3应用程序中实现图像缓存。

东西是来自对Firestore的异步调用的URL

所以，如果我像<lazy-img inputSrc="http://i.imgur.com/RgLjrEd.png"></lazy-img>那样对图片进行硬编码，那么evrything工作得很好，而且在检查中我得到了：

<lazy-img inputsrc="http://i.imgur.com/RgLjrEd.png" ng-reflect-input-src="http://i.imgur.com/RgLjrEd.png"><div text-center="" class="" ng-reflect-ng-class="[object Object]">
    <img lazy-load="" ng-reflect-src="http://i.imgur.com/RgLjrEd.png" src="filesystem:http://localhost:8100/temporary/imgcache/66784e556b47cb6b2c1019c652ac3ec8131086a7.png" class="loaded">
</div></lazy-img>

问题是如何将我的Firestore图片路径绑定到inputSrc？

我尝试<lazy-img inputSrc=" {{ (post | async )?.picturePath }} "></lazy-img>

和

<lazy-img inputSrc="(post | async )?.picturePath"></lazy-img> 但是在一个场景中它没有渲染，在另一个场景中，ImgCache.js输出一个错误，因为他无法确定路径的长度。

如何使ImgCache.js服务异步？