Angular-styleguide: vm = this๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ $ scope. $ broadcast๋ฅผ ํ˜ธ์ถœํ•˜๋Š” ๋ฐฉ๋ฒ•์€ ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?

์— ๋งŒ๋“  2014๋…„ 09์›” 12์ผ  ยท  4์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: johnpapa/angular-styleguide

TypeError : vm. $ broadcast๋Š” ํ•จ์ˆ˜๊ฐ€ ์•„๋‹™๋‹ˆ๋‹ค.

$ emit, $ broadcast ๋˜๋Š” $ on์„ ์‚ฌ์šฉํ•˜์—ฌ ์ด๋ฒคํŠธ๋ฅผ ๊ฒŒ์‹œํ•˜๊ณ  ๊ตฌ๋… ํ•  ๋•Œ ์ด๋Ÿฌํ•œ ์šฉ๋„๋ฅผ ๊ณต์žฅ์œผ๋กœ ์ด๋™ํ•˜๊ณ  ์ปจํŠธ๋กค๋Ÿฌ์—์„œ ํ˜ธ์ถœํ•˜๋Š” ๊ฒƒ์„ ๊ณ ๋ คํ•˜์‹ญ์‹œ์˜ค.

์˜ˆ๊ฐ€ ์žˆ์Šต๋‹ˆ๊นŒ?

question

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

ํ™•์‹คํžˆ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. "controller as"๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์žฅ์  ์ค‘ ํ•˜๋‚˜๋Š” $ scope๊ฐ€ ๋งŽ์€ ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•œ๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. Controller As๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋ฐ์ดํ„ฐ ๋ฐ”์ธ๋”ฉ ์ธก๋ฉด์„ ๋ณ„๋„๋กœ ์œ ์ง€ ํ•œ ๋‹ค์Œ ๋‹ค๋ฅธ ์ž‘์—…์— ํ•„์š”ํ•  ๋•Œ๋งŒ $ scope๋ฅผ ์‚ฝ์ž…ํ•ฉ๋‹ˆ๋‹ค.

์ปจํŠธ๋กค๋Ÿฌ์—์„œ $ scope๊ฐ€ ํ•„์š”ํ•œ ๊ฒฝ์šฐ ๋จผ์ € ์ด๊ฒƒ์ด ์ •๋ง๋กœ ํ•„์š”ํ•œ์ง€ ํ™•์ธํ•˜๊ณ , ํ•„์š”ํ•œ ๊ฒฝ์šฐ ๋ธŒ๋กœ๋“œ ์บ์ŠคํŠธ / ๋ฐœ์‹ ๊ณผ ๊ฐ™์€ ์„œ๋น„์Šค๋กœ ์ถ”์ƒํ™”ํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋ž˜์„œ ๋‹น์‹ ์˜ ๊ฒฝ์šฐ์—๋Š” ์—ฌ์ „ํžˆ ๊ทธ๊ฒƒ์„ ์ถ”์ƒํ™” ํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

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

$ scope ๋ฉ”์„œ๋“œ๊ฐ€ ํ•„์š”ํ•œ ๊ฒฝ์šฐ $ scope๋ฅผ ์‚ฝ์ž…ํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค.

ํ•˜๋‚˜์˜ ์ปจํŠธ๋กค๋Ÿฌ์—์„œ this์™€ $ scope๋ฅผ ์‚ฌ์šฉํ•ด๋„ ๊ดœ์ฐฎ์Šต๋‹ˆ๊นŒ?

ํ™•์‹คํžˆ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. "controller as"๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์žฅ์  ์ค‘ ํ•˜๋‚˜๋Š” $ scope๊ฐ€ ๋งŽ์€ ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•œ๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. Controller As๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋ฐ์ดํ„ฐ ๋ฐ”์ธ๋”ฉ ์ธก๋ฉด์„ ๋ณ„๋„๋กœ ์œ ์ง€ ํ•œ ๋‹ค์Œ ๋‹ค๋ฅธ ์ž‘์—…์— ํ•„์š”ํ•  ๋•Œ๋งŒ $ scope๋ฅผ ์‚ฝ์ž…ํ•ฉ๋‹ˆ๋‹ค.

์ปจํŠธ๋กค๋Ÿฌ์—์„œ $ scope๊ฐ€ ํ•„์š”ํ•œ ๊ฒฝ์šฐ ๋จผ์ € ์ด๊ฒƒ์ด ์ •๋ง๋กœ ํ•„์š”ํ•œ์ง€ ํ™•์ธํ•˜๊ณ , ํ•„์š”ํ•œ ๊ฒฝ์šฐ ๋ธŒ๋กœ๋“œ ์บ์ŠคํŠธ / ๋ฐœ์‹ ๊ณผ ๊ฐ™์€ ์„œ๋น„์Šค๋กœ ์ถ”์ƒํ™”ํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋ž˜์„œ ๋‹น์‹ ์˜ ๊ฒฝ์šฐ์—๋Š” ์—ฌ์ „ํžˆ ๊ทธ๊ฒƒ์„ ์ถ”์ƒํ™” ํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

๋ง‘์€! ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰