Ng-lazyload-image: 加载图像时的回调

创建于 2017-07-18  ·  5评论  ·  资料来源: tjoskar/ng-lazyload-image

你好,关于加载图像时获取通知的实现选项怎么样? 在很多情况下它会非常有用。
我建议这个用法示例:

@Component({
    selector: 'image',
    template: `
      <div [hidden]="isLoading">
        <img 
          [defaultImage]="defaultImage" 
          [lazyLoad]="image" 
          [offset]="offset"
          (onLoad)="onImageLoad()" />
      </div>
      <div *ngIf="isLoading">
        <loader></loader>
      </div>
    `
})
class ImageComponent {
    defaultImage = 'https://www.placecage.com/1000/1000';
    image = 'https://images.unsplash.com/photo-1443890923422-7819ed4101c0?fm=jpg';
    offset = 100;
    isLoading = true;

    onImageLoad() {
      this.isLoading = false;
    }
}

如果这个想法很好,那么我可以在需要时提出拉取请求。

最有用的评论

你好,
我一直在考虑这个,我可以看到一些用例。 我很乐意接受拉取请求:)。 它应该很容易实现,因为在加载图像时会发出这个观察者: https ://github.com/tjoskar/ng-lazyload-image/blob/master/src/lazyload-image.directive.ts#L37

所有5条评论

你好,
我一直在考虑这个,我可以看到一些用例。 我很乐意接受拉取请求:)。 它应该很容易实现,因为在加载图像时会发出这个观察者: https ://github.com/tjoskar/ng-lazyload-image/blob/master/src/lazyload-image.directive.ts#L37

这个也需要! 也发表评论,以便我知道它何时合并。

已在 #177 中修复

包含在 3.2.0 中
谢谢@rimlin

此页面是否有帮助?
0 / 5 - 0 等级