Angular.js: ngPattern์€ ํ›„ํ–‰ ๊ณต๋ฐฑ์„ ์ฒ˜๋ฆฌํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

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

ํ›„ํ–‰ ๊ณต๋ฐฑ์„ ํ—ˆ์šฉํ•˜์ง€ ์•Š๋Š” ํŒจํ„ด(์˜ˆ ng-pattern="/^[a-zA-Z0-9]*$/" )์„ ์‚ฌ์šฉํ•  ๋•Œ ํ›„ํ–‰ ๊ณต๋ฐฑ์„ ์ž…๋ ฅํ•ด๋„ ngPattern์ด ์œ ํšจํ•˜์ง€ ์•Š๊ฒŒ ํŠธ๋ฆฌ๊ฑฐ ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

ํ…Œ์ŠคํŠธ ์ผ€์ด์Šค๋Š” http://plnkr.co/edit/xeWv4bpUiJnYeGlcD0vE?p=preview ๋ฅผ ์ฐธ์กฐ

์ด๊ฒƒ์€ AngularJS 1.3.0์— ๋ฐ˜๋Œ€ํ•˜์ง€๋งŒ 1.2 ๋ถ„๊ธฐ์—๋„ ์ด ๋ฒ„๊ทธ๊ฐ€ ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

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

๊ณต๋ฐฑ์„ ์ž๋ฅด์ง€ ์•Š์œผ๋ ค๋ฉด ng-trim="false" ๋ฅผ ์ถ”๊ฐ€ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๋ฌธ์„œ๋ฅผ ์ฝ์œผ์‹ญ์‹œ์˜ค

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

๊ณต๋ฐฑ์„ ์ž๋ฅด์ง€ ์•Š์œผ๋ ค๋ฉด ng-trim="false" ๋ฅผ ์ถ”๊ฐ€ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๋ฌธ์„œ๋ฅผ ์ฝ์œผ์‹ญ์‹œ์˜ค

Doh, ๋„์›€์„ ์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

์™œ ์ž‘์„ฑ์ž๋Š” ng-trim="true" ๊ฐ€ ์ข‹์€ ๊ธฐ๋ณธ๊ฐ’์ด๋ผ๊ณ  ์ƒ๊ฐํ–ˆ์„๊นŒ์š”?

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