Ng-lazyload-image: рдХреНрдпрд╛ рдЖрдк рд▓реЛрдбрд╕реНрдЯрд╛рд░реНрдЯ рдЗрд╡реЗрдВрдЯ рдЖрдЙрдЯрдкреБрдЯ рдЬреЛрдбрд╝ рд╕рдХрддреЗ рд╣реИрдВ?

рдХреЛ рдирд┐рд░реНрдорд┐рдд 30 рдирд╡ре░ 2019  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: tjoskar/ng-lazyload-image

рдЫрд╡рд┐ рд▓реЛрдб рд╣реЛрдиреЗ рддрдХ src рдХреЛ рдмрджрд▓ рджрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рдЬрдм рдореБрдЭреЗ рддрддреНрд╡ рдХреЛ рд╣рд╛рдЗрд▓рд╛рдЗрдЯ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд▓реЛрдбрд╕реНрдЯрд╛рд░реНрдЯ рдИрд╡реЗрдВрдЯ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реЛрддреА рд╣реИред
рдХреНрдпрд╛ рдЖрдк exportAs рдХреЛ рдкреИрд░рд╛рдореАрдЯрд░ рдореЗрдВ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред рдЯреЗрдореНрдкрд▓реЗрдЯ рдореЗрдВ рдкреНрд░реЙрдкреНрд╕ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рдмрд╣реБрдд рдЕрдЪреНрдЫрд╛ рд╣реЛрдЧрд╛ред

рд╕рднреА 4 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдореИрдВ рдПрдХ рд╕рдВрдХреАрд░реНрдг рдЙрдкрдпреЛрдЧ рдХреЗ рдорд╛рдорд▓реЗ рдХреА рддрд░рд╣ рд▓рдЧ рд░рд╣рд╛ рд╣реВрдВ рд▓реЗрдХрд┐рди рдореИрдВ рдЗрд╕реЗ рд╕реНрд╡реАрдХрд╛рд░ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ :) рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рд╣рдореЗрдВ рдЗрди рджреЛ рдкрдВрдХреНрддрд┐рдпреЛрдВ рдХреЗ рдмреАрдЪ tap рдлрд╝рдВрдХреНрд╢рди рдЬреЛрдбрд╝рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ:
https://github.com/tjoskar/ng-lazyload-image/blob/d45e55b481dfad5fd50317bbc57b216248e554df/src/lazyload-image.ts#L16 -L17

рдФрд░ рдПрдХ output рд╕рдВрдкрддреНрддрд┐ рдкрд╛рд╕ рдХрд░реЗрдВред

рдХреНрдпрд╛ рдЖрдк exportAs рдХреЛ рдкреИрд░рд╛рдореАрдЯрд░ рдореЗрдВ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ

рдЬрд╝рд░реВрд░ред рдореЗрд░реЗ рдкрд╛рд╕ рдЕрднреА рд╕рдордп рдирд╣реАрдВ рд╣реИ рд▓реЗрдХрд┐рди рдореИрдВ рдкреАрдЖрд░ рд╕реНрд╡реАрдХрд╛рд░ рдХрд░реВрдВрдЧрд╛ :)

@tjoskar рдзрдиреНрдпрд╡рд╛рдж, рдореИрдВ рдХреБрдЫ рд╣рдлреНрддреЛрдВ рдореЗрдВ рд╡рд┐рдХрд╕рд┐рдд рд╣реЛ рд╕рдХрддрд╛ рд╣реВрдВ

рдореИрдВ рдЖрдЙрдЯрдЖрдЙрдЯ onLoad рдХреЛ onStateChange рдпрд╛ рд╕рд┐рдореБрд▓рд░ рдореЗрдВ рдмрджрд▓рдиреЗ рдФрд░ рд╡рд╣рд╛рдВ рд╕рднреА рдкреНрд░рдХрд╛рд░ рдХреА рдШрдЯрдирд╛рдУрдВ рдХреЛ рдкрд╛рд╕ рдХрд░рдиреЗ рдХреА рд╕реЛрдЪ рд░рд╣рд╛ рд╣реВрдВред рд╢рд╛рдпрдж рд╣рд╕реНрддрд╛рдХреНрд╖рд░ рдХреЗ рд╕рд╛рде:

interface StateChangeEvent {
  reason: 'setup' | 'observer-emit' | 'start-loading' | 'loading-failed' | 'loading-succeeded'
}
function onStateChange(event: StateChangeEvent) {

}

рдпрд╣ 7.1.0 ред рджреЗрдЦреЗрдВ: https://github.com/tjoskar/ng-lazyload-image#onStateChange

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

AzerHeshim picture AzerHeshim  ┬╖  5рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

tjoskar picture tjoskar  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

LobeTia picture LobeTia  ┬╖  6рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

rimlin picture rimlin  ┬╖  5рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

vincent-cm picture vincent-cm  ┬╖  10рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ