Cuireann Angular dhá chur chuige ar fáil do fhoirmeacha. Tá foirmeacha template-driven simplí agus sainmhínithe san HTML; tá foirmeacha reactive sainmhínithe i TypeScript agus cuireann siad níos mó smachta ar fáil — níos fearr do fhoirmeacha casta, dinimiciúla, nó go mór-bhaidhithe.
// just import FormsModule; minimal TS
<form #f="ngForm" (ngSubmit)="onSubmit(f.value)">
<input name="email" ngModel required email /> <!-- ngModel registers the field -->
<input name="password" ngModel required minlength="8" />
<button [disabled]="f.invalid">Submit</button>
</form>
Maítear struchtúr an fhoirm agus baileoidh sa template trí threoraithe ngModel. Simplí a shocrú, ach tá an samhail fhoirm intuigthe agus níos deacra a bhaint as thríd an cláir/a ionramháil.
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);
}
}
<form [formGroup]="form" (ngSubmit)="onSubmit()">
<input formControlName="email" />
<input formControlName="password" type="password" />
<button [disabled]="form.invalid">Submit</button>
</form>
Tá an fhoirm ina réad follasach (FormGroup/FormControl) a thógann tú in TS. Cuireann sé sin ar chumas réamhbhraistint, tástáil agus ionramháil éasca air (réimse a chur leis/a bhaint, freagairt a dhéanamh ar athruithe trí valueChanges).
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
this.form.get("email")!.valueChanges.subscribe(v => ...); // react to changes
this.form.valid; // synchronous validity check
Bíonn tábhacht ann an cur chuige foirm cheart a roghnú do inchosúlachta: template-driven do fhoirmeacha tapa, simplí; reactive d'aon rud casta — draíochta ilchéime, tacair réimse dinimiciúla, bailíochtú idir-réimse, nó foirmeacha a mbíonn gá orthu tástálacha aonaid.
Is fearr, i gcoitinne, samhail follasach, bharainneach fhoirmeacha reactive a roghnú in fheidhmchláir dhírithe toisc go bhfuil siad níos cumhachtaí, níos inmheasúrtha agus níos inscálaithe, fiú má dhéanann siad níos mó cód tosaigh a dhéanamh.