如何使用Angular 4中的图片元素延迟加载图像？

Question

我想在我的Angular 4项目中懒得加载图片。我正在使用picture元素在项目中显示图像。我在Angular中看到并尝试过几个延迟加载包。他们是这样的 ng-lazyload-image，ng2-image-lazy-load和ng-lazy-load。

但是没有一个软件包提到，如何延迟加载图片元素，因为它包含许多源元素。

这是我的picture元素的架构：

<picture>
    <source srcset="image-1x.webp 1x, image-2x.webp 2x" type="image/webp"/>
    <source srcset="image-1x.png 1x, image-2x.png 2x" type="image/png"/>
    <img src="image-1x.png" alt="some text">
</picture> 

请帮我解决这个问题。