Uso de Intersection Observer en Angular

Ejemplo de uso de Intersection Observer en Angular mediante una Directiva para mostrar elementos en pantalla con la API ScrollIntoView
Uso de Intersection Observer en Angular

Estoy haciendo cursos de Angular, aún no he llegado a temas de Directivas, pero tenía una idea que quería probar 😃. Se trata de una Directiva que usa la Api ScrollIntoView. He añadido unos botones a modo de paginación para que detecte cajas fuera de un contenedor y las introduzca en pantalla

No recomiendo usarlo tal cual ya que para tamaños de pantalla reducidos podría darse el caso que no cupiera en pantalla y en ese caso no funciona el scrollIntoView. Al menos necesita un elemento al completo dentro de la caja

Código en GitHub

Ejemplo en Codesandbox