ΠΠ½Π΅ Π½ΡΠΆΠ½ΠΎ ΡΠΎΠ±ΡΡΠΈΠ΅ loadstart, ΡΡΠΎΠ±Ρ Π²ΡΠ΄Π΅Π»ΠΈΡΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΏΡΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ src
Π΄ΠΎ Π·Π°Π²Π΅ΡΡΠ΅Π½ΠΈΡ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ.
Π’Π°ΠΊΠΆΠ΅ Π½Π΅ ΠΌΠΎΠ³Π»ΠΈ Π±Ρ Π²Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ exportAs
to. ΠΡΠ»ΠΎ Π±Ρ Π·Π΄ΠΎΡΠΎΠ²ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ΅ΠΊΠ²ΠΈΠ·ΠΈΡ Π² ΡΠ°Π±Π»ΠΎΠ½Π΅.
ΠΠΎΡ
ΠΎΠΆΠ΅ Π½Π° ΡΠ·ΠΊΠΈΠΉ Π²Π°ΡΠΈΠ°Π½Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ, Π½ΠΎ Ρ ΠΌΠΎΠ³ Π±Ρ ΡΠΎΠ³Π»Π°ΡΠΈΡΡΡΡ Ρ ΡΡΠΈΠΌ :) ΠΡΠΌΠ°Ρ, Π½Π°ΠΌ Π½ΡΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΡΠ½ΠΊΡΠΈΡ tap
ΠΌΠ΅ΠΆΠ΄Ρ ΡΡΠΈΠΌΠΈ Π΄Π²ΡΠΌΡ ΡΡΡΠΎΠΊΠ°ΠΌΠΈ:
https://github.com/tjoskar/ng-lazyload-image/blob/d45e55b481dfad5fd50317bbc57b216248e554df/src/lazyload-image.ts#L16 -L17
Π ΠΏΠ΅ΡΠ΅Π΄Π°ΡΡ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ output
.
Π’Π°ΠΊΠΆΠ΅ Π½Π΅ ΠΌΠΎΠ³Π»ΠΈ Π±Ρ Π²Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ
exportAs
to
ΠΠΎΠ½Π΅ΡΠ½ΠΎ. Π£ ΠΌΠ΅Π½Ρ ΡΠ΅ΠΉΡΠ°Ρ Π½Π΅Ρ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ, Π½ΠΎ Ρ ΠΏΡΠΈΠΌΡ ΠΏΠΈΠ°Ρ :)
@tjoskar ΡΠΏΠ°ΡΠΈΠ±ΠΎ, ΠΌΠΎΠ³Ρ ΡΠ°Π·Π²ΠΈΠ²Π°ΡΡΡΡ Π·Π° Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π½Π΅Π΄Π΅Π»Ρ π
Π― ΠΏΠΎΠ΄ΡΠΌΡΠ²Π°Ρ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ outout onLoad
Π½Π° onStateChange
ΠΈΠ»ΠΈ simmular ΠΈ ΠΏΠ΅ΡΠ΅Π΄Π°ΡΡ ΡΡΠ΄Π° Π²ΡΠ΅ ΡΠΈΠΏΡ ΡΠΎΠ±ΡΡΠΈΠΉ. ΠΠΎΠΆΠ΅Ρ Ρ ΠΏΠΎΠ΄ΠΏΠΈΡΡΡ:
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