Angular: ์–‘์‹/์ž…๋ ฅ .valueChanges๊ฐ€ ์˜ˆ๊ธฐ์น˜ ์•Š๊ฒŒ ์‹คํ–‰๋จ

์— ๋งŒ๋“  2015๋…„ 10์›” 15์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: angular/angular

์–‘์‹ ์ž…๋ ฅ์˜ valueChanges ๊ด€์ฐฐ ๊ฐ€๋Šฅ์— ๋ฐ”์ธ๋”ฉํ•  ๋•Œ ์š”์†Œ์— ์—ฐ๊ฒฐ๋œ ๋ฉ”์„œ๋“œ๋Š” valueChanges๊ฐ€ ์˜ˆ๊ธฐ์น˜ ์•Š๊ฒŒ ์‹คํ–‰๋˜๋„๋ก ํŠธ๋ฆฌ๊ฑฐํ•ฉ๋‹ˆ๋‹ค.

๋ณต์ œ: http://plnkr.co/edit/aBvtMSfBsSZcAH83GUjN?p=preview
๋‹จ๊ณ„:

  • ์ž…๋ ฅ ์ƒ์ž์— ์ž…๋ ฅํ•˜๊ณ  ๊ฐ’์„ ๊ด€์ฐฐํ•ฉ๋‹ˆ๋‹ค. ๊ด€์ฐฐ ๊ฐ€๋Šฅํ•œ ๋กœ๊น… ๊ฐ’์„ ๋ณ€๊ฒฝํ•ฉ๋‹ˆ๋‹ค(์˜ˆ์ƒ).
  • ํด๋ฆญ ๋ฒ„ํŠผ(์–‘์‹ ์™ธ๋ถ€์— ์žˆ์Œ) - ๊ด€์ฐฐ ๊ฐ€๋Šฅํ•œ ๋กœ๊น… ๊ฐ’ ๊ด€์ฐฐ(์˜ˆ๊ธฐ์น˜ ์•Š์Œ)

cc @vsavkin

hours bufix

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

์ด ๋ฌธ์ œ๋Š” <input type='number'> ์‚ฌ์šฉํ•  ๋•Œ ์—ฌ์ „ํžˆ ์กด์žฌํ•ฉ๋‹ˆ๋‹ค.

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

์ด ๋ฌธ์ œ๋Š” md-input์„ ์‚ฌ์šฉํ•  ๋•Œ ์—ฌ์ „ํžˆ ์กด์žฌํ•ฉ๋‹ˆ๋‹ค.

์ด ๋ฌธ์ œ๋Š” <input type='number'> ์‚ฌ์šฉํ•  ๋•Œ ์—ฌ์ „ํžˆ ์กด์žฌํ•ฉ๋‹ˆ๋‹ค.

์ด ๋ฌธ์ œ๋Š” ํ™œ๋™์ด ์—†์–ด ์ž๋™์œผ๋กœ ์ž ๊ฒผ์Šต๋‹ˆ๋‹ค.
์œ ์‚ฌํ•˜๊ฑฐ๋‚˜ ๊ด€๋ จ๋œ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•˜๋ฉด ์ƒˆ ๋ฌธ์ œ๋ฅผ ์ œ์ถœํ•˜์‹ญ์‹œ์˜ค.

์ž๋™ ๋Œ€ํ™” ์ž ๊ธˆ ์ •์ฑ… ์— ๋Œ€ํ•ด ์ž์„ธํžˆ ์•Œ์•„๋ณด์„ธ์š”.

_์ด ์ž‘์—…์€ ๋ด‡์— ์˜ํ•ด ์ž๋™์œผ๋กœ ์ˆ˜ํ–‰๋˜์—ˆ์Šต๋‹ˆ๋‹ค._

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