Angular inatoa **njia mbili** kwa fomu. Fomu za **kusukumwa na template** ni rahisi na zinafafanuliwa katika HTML; fomu za **zinazobadilika** zinafafanuliwa katika TypeScript na kutoa udhibiti zaidi — nzuri zaidi kwa fomu changamano, dinamiki, au zilizotekelezwa kwa nguvu. ## Template-inayosukuma — mantiki katika template ```ts // just import FormsModule; minimal TS ``` ```html ``` Mundo wa fomu na uhalali wanakaa katika **template** kupitia direktiba za `ngModel`. Rahisi kuandaa, lakini modeli ya fomu ni nyingi na ngumu kutekeleza/kumanipulata kwa njia ya programu. ## Zinazobadilika — modeli ya fomu katika TypeScript ```ts import { FormBuilder, Validators } from "@angular/forms"; export class SignupComponent { constructor(private fb: FormBuilder) {} form = this.fb.group({ email: ["", [Validators.required, Validators.email]], password: ["", [Validators.required, Validators.minLength(8)]], }); onSubmit() { if (this.form.valid) console.log(this.form.value); } } ``` ```html ``` Formu ni **kitu kama kiko wazi** (`FormGroup`/`FormControl`) unachojengea katika TS. Hii inayafanya yanayozingatiwa, yanayotestable, na rahisi kumanipulata (kuongeza/kuondoa sehemu, kujibu kwa mabadiliko kupitia `valueChanges`). ## Ulinganisho ```text Template-driven Reactive Where defined HTML (ngModel) TypeScript (FormBuilder) Form model implicit/async explicit, synchronous object Validation directives in template validators in code Dynamic forms hard easy (add/remove controls in code) Testability harder straightforward (it's just an object) Best for simple forms complex/dynamic/validated forms ``` ## Fomu zinazobadilika zina ond mikondo ```ts this.form.get("email")!.valueChanges.subscribe(v => ...); // react to changes this.form.valid; // synchronous validity check ``` ## Kwa nini kuna umuhimu Kuchagua njia sahihi ya fomu ni muhimu kwa ukusanyaji: **fomu zilizosukumwa na template** kwa fomu haraka, rahisi; **zinazobadilika** kwa kitu chochote changamano — viongezi vya hatua nyingi, seti za sehemu za nguvu, uhalali wa kati-sehemu, au fomu zinazoitaji majaribio ya vitengo. Modeli ya kazi, inayotazamia fomu zinazobadilika inaturahisua katika programu kubwa kwa sababu ni kwa nguvu zaidi, inayotestable, na inayoweza kuongezwa, hata kama inahitaji msimbo zaidi wa awali.

Angular maswali