Как работать с viewPort в Angular и сделать подгрузку картинки при скролле к ней?

Question

[Роман Ракзин]

Как можно сделать загрузку картинки только тогда, когда область видимости будет рядом с ней?
Как настроить, что б она скачалась чуть раньше, чем область видимости до неё дойдёт- как такое реализовать на Angular?
Можно ли создать компонент, который бы принимал бы data-src и подставлял бы значение src, когда область видимости будет рядом с ним? (желательно чуть сместить, что б человек не видел момента, как картинка грузится, а сделать в несколько десятков пикселей смещение).
Как такое реализовать на ангуляр?