Angular toffri żewj approċċi għal-formuli. Il-formuli mmexxija mit-template huma sempliċi u definiti fl-HTML; il-formuli reakttivi huma definiti fi TypeScript u joffru aktar kontroll — aħjar għal-formuli kumplessi, dinami, jew b'validazzjoni tqila.
// just import FormsModule; minimal TS
Submit
L-istruttura tal-formola u l-validazzjoni jgħixu fit-template permezz ta' direttivi ngModel. Faċli biex tissuġġerixxi, imma l-mudell tal-formola huwa impliċitu u aktar diffiċli biex tittestaċċja/tiġġomanipulaċċja b'mod programmatiku.
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>
Il-formola hija oġġett espliċitu (FormGroup/FormControl) li tibni fil-TS. Dan jagħlieha osservabbli, testaċċa, u faċli biex tiġġomanipulaċċja (żid/neħħi kampi, irreaġixxi għall-bidliet permezz ta' 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
L-għażla tal-approċċ tal-formola t-tajjeb huwa importanti għal-maintainability: mmexxija mit-template għal-formuli veloċi u sempliċi; reakttivi għal xi ħaġa kumplessa — magħrieq multi-step, settijiet tal-kampi dinami, validazzjoni cross-field, jew formuli li jeħtieġu unit tests.
Il-mudell espliċitu u osservabbli tal-formuli reakttivi ġeneralment huwa preferut f'applikazzjonijiet serji għaliex huwa aktar qawwi, testaċċa, u skalabbli, anke jekk jeħtieġ aktar kodiċi inizjali.