Ng-lazyload-image: 延迟加载映像不适用于预引导

嗨@lares83 ，

谢谢你让我知道。 这是一个非常棘手的问题，因为无法知道图像何时可见。

快速修复是按照您的建议设置offset=1 ，但这会导致所有图像在可见时加载，即使它们不在视口中。 这是因为ng-lazyload-image无法在图像可见之前知道它的位置，那时为时已晚（在用户滚动之前我们不会获得新事件）。

修复它的一种方法是监听PrebootComplete事件：

constructor() {
  this.scrollAndPrebootComplete$ = Observable.merge(
    Observable.fromEvent(window, 'scroll'),
    Observable.fromEvent(window, 'PrebootComplete')
  );
}

然后在模板中：

<img [lazyLoad]="lazyLoadImage" [scrollObservable]="scrollAndPrebootComplete$" />

您可以轻松创建一个自定义组件来包装lazyLoad并传递scrollAndPrebootComplete$ 。

另一种解决方案是使用IntersectionObserver但这需要解决 #304。

快速解决方法是将 offset 属性设置为例如 1，这使得 intersectsWith 返回 true。

这实际上是一个错误，它不应该发生。 我将为它打开一个单独的问题。

我正在关闭这个。 让我知道上面提出的解决方案不起作用。