¿Cómo implementar la carga diferida de imágenes en angularjs?

El método de jquery es escuchar window.scroll y luego determinar la posición de la imagen y si es necesario cambiar el atributo src. Lo mismo ocurre con angular, pero debido a que angular necesita escribir operaciones DOM dentro de la instrucción. debe implementar las instrucciones usted mismo.

Solución:

1. No utilice la dirección real del src de la imagen, utilice atributos para guardarla en el elemento.

2 Utilice carga diferida para. todo lo necesario Coloque las imágenes en la matriz,

3. Compruebe si los elementos de la matriz están dentro del rango visible durante la inicialización y cargue las imágenes dentro del rango visible

4. Desplácese hacia los eventos vinculados a la ventana. Vincule el evento de desplazamiento a la ventana para verificar si la imagen está dentro del rango visible

5. Elimine la imagen cargada de la cola

.