๋ง์ง๋ง ์ฌ์ง:http ://wx1.sinaimg.cn/mw690/9b5fc159ly1fmahepbh5vj20er0asmxs.jpg
๋๋ ng ๋ฒ์ ์ ์ฌ์ฉํ๋ค
๊ฐ์ ธ์ค๊ธฐ ์๋์ LazyLoadImageModule
๋ง ์ถ๊ฐํ๋ฉด ์ถฉ๋ถํ๋ฉฐ ์ ์ธ ์๋์ LazyLoadImageDirective
๋ฅผ ์ง์ ํ ํ์๊ฐ ์์ต๋๋ค.
SSR์ ์ฌ์ฉํ๊ณ ์์ต๋๊น? ๊ทธ๋ ๋ค๋ฉด ๊ณต์ app.module์ ๊ฐ์ ธ์ค๊ธฐ ์๋์ LazyLoadImageModule
๋ฅผ ํฌํจํด์ผ ํฉ๋๋ค. ๋๋ ๊ณต์ ๋ ๊ฒ์ด ์์ผ๋ฉด ํด๋ผ์ด์ธํธ ๋ฐ ์๋ฒ app.modules ๋ ๋ค์ ํฌํจํฉ๋๋ค.
Angular 5.1.0์์ ์ ์๋ํฉ๋๋ค.
Shared.module์์ LazyLoadImageModule ๊ฒฐ๊ณผ๋ฅผ ๊ฐ์ ธ์ค๋ ค๊ณ ํ๊ณ ๋ฌธ์ ๊ฐ ํด๊ฒฐ๋์์์ ๋ฐ๊ฒฌํ์ต๋๋ค.
์ฃ์กํฉ๋๋ค. ์ ๋ Google ๋ฒ์ญ์ ์ฌ์ฉํฉ๋๋ค.
๊ฐ์ฌํฉ๋๋ค!!
@sapierens
๋ฌธ์ ๊ฐ ํด๊ฒฐ๋์ด ๋คํ์ ๋๋ค @ muxi2015
๊ฐ์ฌํฉ๋๋ค, @sapierens!
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
๊ฐ์ ธ์ค๊ธฐ ์๋์
LazyLoadImageModule
๋ง ์ถ๊ฐํ๋ฉด ์ถฉ๋ถํ๋ฉฐ ์ ์ธ ์๋์LazyLoadImageDirective
๋ฅผ ์ง์ ํ ํ์๊ฐ ์์ต๋๋ค.SSR์ ์ฌ์ฉํ๊ณ ์์ต๋๊น? ๊ทธ๋ ๋ค๋ฉด ๊ณต์ app.module์ ๊ฐ์ ธ์ค๊ธฐ ์๋์
LazyLoadImageModule
๋ฅผ ํฌํจํด์ผ ํฉ๋๋ค. ๋๋ ๊ณต์ ๋ ๊ฒ์ด ์์ผ๋ฉด ํด๋ผ์ด์ธํธ ๋ฐ ์๋ฒ app.modules ๋ ๋ค์ ํฌํจํฉ๋๋ค.Angular 5.1.0์์ ์ ์๋ํฉ๋๋ค.