Angular 图片懒加载

Angular 图片懒加载有很多写好的ng library可以用，我这里用的是ng-lazyload-image。可以在npm官网直接搜索。

安装

npm install ng-lazyload-image --save

在module中导入：

import { CommonModule } from '@angular/common';
import { LazyLoadImageModule } from 'ng-lazyload-image';

@NgModule({
  imports: [
    CommonModule,
    LazyLoadImageModule,
    ...
    ],
    ...

在component中初始化默认图片和懒加载图片

export class