Ng-lazyload-image: loadStart ์ด๋ฒคํŠธ ์ถœ๋ ฅ์„ ์ถ”๊ฐ€ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

์— ๋งŒ๋“  2019๋…„ 11์›” 30์ผ  ยท  4์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: tjoskar/ng-lazyload-image

์ด๋ฏธ์ง€ ๋กœ๋“œ๊ฐ€ ์™„๋ฃŒ๋  ๋•Œ๊นŒ์ง€ src ๊ฐ€ ๋ณ€๊ฒฝ๋˜์—ˆ์„ ๋•Œ ์š”์†Œ๋ฅผ ๊ฐ•์กฐ ํ‘œ์‹œํ•˜๋ ค๋ฉด loadstart ์ด๋ฒคํŠธ๊ฐ€ ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.
๋˜ํ•œ ๋งค๊ฐœ๋ณ€์ˆ˜์— exportAs ๋ฅผ ์ •์˜ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํ…œํ”Œ๋ฆฟ์—์„œ ์†Œํ’ˆ์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค.

help wanted
์ถœ์ฒ˜
picture alisahinozcelik

๋ชจ๋“  4 ๋Œ“๊ธ€

์ข์€ ์‚ฌ์šฉ ์‚ฌ๋ก€์ฒ˜๋Ÿผ ๋“ค๋ฆฌ์ง€๋งŒ ๋ฐ›์•„๋“ค์ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค :) ์ด ๋‘ ์ค„ ์‚ฌ์ด์— tap ํ•จ์ˆ˜๋ฅผ ์ถ”๊ฐ€ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.
https://github.com/tjoskar/ng-lazyload-image/blob/d45e55b481dfad5fd50317bbc57b216248e554df/src/lazyload-image.ts#L16 -L17

๊ทธ๋ฆฌ๊ณ  output ์†์„ฑ์„ ์ „๋‹ฌํ•ฉ๋‹ˆ๋‹ค.

๋˜ํ•œ exportAs ๋ฅผ ๋งค๊ฐœ๋ณ€์ˆ˜์— ์ •์˜ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

ํ™•์‹ ํ•˜๋Š”. ์ง€๊ธˆ์€ ์‹œ๊ฐ„์ด ์—†์ง€๋งŒ PR์€ ๋ฐ›๊ฒ ์Šต๋‹ˆ๋‹ค :)

tjoskar picture tjoskar ์— 2019๋…„ 12์›” 02์ผ

@tjoskar ๋•๋ถ„์— ๋ช‡ ์ฃผ ์•ˆ์— ๋ฐœ์ „ํ•  ์ˆ˜ ์žˆ์–ด์š” ๐Ÿ‘

alisahinozcelik picture alisahinozcelik ์— 2019๋…„ 12์›” 02์ผ

onLoad outout์„ onStateChange ๋˜๋Š” simmular๋กœ ๋ณ€๊ฒฝํ•˜๊ณ  ๊ฑฐ๊ธฐ์— ๋ชจ๋“  ์œ ํ˜•์˜ ์ด๋ฒคํŠธ๋ฅผ ์ „๋‹ฌํ•  ์ƒ๊ฐ์ž…๋‹ˆ๋‹ค. ์„œ๋ช…๊ณผ ํ•จ๊ป˜:

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

}
tjoskar picture tjoskar ์— 2020๋…„ 02์›” 16์ผ
👍1

์ด๊ฒƒ์€ 7.1.0 ํฌํ•จ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ฐธ์กฐ: https://github.com/tjoskar/ng-lazyload-image#onStateChange

tjoskar picture tjoskar ์— 2020๋…„ 02์›” 22์ผ
🎉1
์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰

๊ด€๋ จ ๋ฌธ์ œ

stratio84 picture stratio84  ยท  6์ฝ”๋ฉ˜ํŠธ
AndreasSchmid1 picture AndreasSchmid1  ยท  3์ฝ”๋ฉ˜ํŠธ
kodeine picture kodeine  ยท  7์ฝ”๋ฉ˜ํŠธ
myrsk picture myrsk  ยท  6์ฝ”๋ฉ˜ํŠธ
vugar005 picture vugar005  ยท  10์ฝ”๋ฉ˜ํŠธ