๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
728x90
๋ฐ˜์‘ํ˜•

forms1

[Angular] NgForm์ด๋ž€? (feat. ngModel,ngSubmit,required) ngForm์ด๋ž€? ์›ํ•˜๋Š” ์–‘์‹์„ ๋งŒ๋“ค์–ด ๋ฐ์ดํ„ฐ๋ฅผ ์ „๋‹ฌํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋„์™€์ฃผ๋Š” ์ง€์‹œ์–ด ์ค‘ ํ•˜๋‚˜์ด๋‹ค. ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์•„๋ž˜์™€ ๊ฐ™์ด html ํŒŒ์ผ์— ์ž‘์„ฑํ•œ๋‹ค. ์—ฌ๊ธฐ์„œ ngSubmit์€ ์–‘์‹์— ์ •๋ณด๋ฅผ ๊ธฐ์ž…ํ•˜๊ณ  ํ•ด๋‹น ์ •๋ณด(๋ฐ์ดํ„ฐ)๋ฅผ ์ œ์ถœํ•  ๋•Œ ์‚ฌ์šฉ๋œ๋‹ค. ํ•ด๋‹น ํผ ์•ˆ์— ์›ํ•˜๋Š” ์ •๋ณด๋ฅผ ๊ธฐ์ž…ํ•  elements๋“ค์„ ๋„ฃ๊ณ  ๋ฐ์ดํ„ฐ๊ฐ€ ํ•„์š”ํ•œ elements์—” ngModel ์ง€์‹œ์–ด๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค. ngModel์€ FormControl์˜ ์ผ์ข…์œผ๋กœ ๋ฐ์ดํ„ฐ๋ฅผ ๋ฐ”์ธ๋”ฉํ•  ๋•Œ ์‚ฌ์šฉํ•˜๋Š” ์ง€์‹œ์–ด๋‹ค. app.module.ts ngForm์€ FormsModule์— ํฌํ•จ๋˜์–ด ์žˆ๋Š” ์ง€์‹œ์–ด์ด๋ฏ€๋กœ FormsModule์„ ์ถ”๊ฐ€ํ•ด์ค˜์•ผ ํ•œ๋‹ค. @NgModule({ declarations: [AppComponent], imports: [BrowserModule, F.. 2022. 3. 15.
728x90
๋ฐ˜์‘ํ˜•

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”