Angular ofron dy qasje për forma. Forma të drejtuara nga shablloni janë të thjeshta dhe përcaktohen në HTML; forma reaktive përcaktohen në TypeScript dhe ofrojnë më shumë kontroll — më të mira për forma komplekse, dinamike ose të validuara shumë.
// just import FormsModule; minimal TS
Submit
Struktura e formës dhe validimi jetojnë në shabllon përmes direktivave ngModel. E thjeshtë të setuposh, por modeli i formës është implicit dhe më i vështirë për testim/manipulim programor.
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>
Forma është një objekt i qartë (FormGroup/FormControl) që ndërton në TS. Kjo e bën atë të vëzhgueshme, të testabile dhe të lehtë për manipulim (shtim/heqje fushash, reagim ndaj ndryshimeve përmes 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
Zgjedhja e qasjes së duhur të formës është e rëndësishme për mirëmbajtje: forma të drejtuara nga shablloni për forma të shpejta dhe të thjeshta; reaktive për çdo gjë komplekse — asistente me shumë hapa, grupe fushash dinamike, validim ndërmjet fushash ose forma që kanë nevojë për teste njësie.
Modeli i qartë dhe i vëzhgueshëm i formave reaktive është përgjithësisht i preferuar në aplikacionet serioze sepse është më i fuqishëm, i testabël dhe i shkallëzueshëm, edhe pse kërkon më shumë kod në fillim.