რა განსხვავება არის შაბლონ-მართავ და რეაქტიული ფორმებს შორის?

Question

Accepted Answer

Angular სთავაზობს **ორ მიდგომას** ფორმებისთვის. **შაბლონ-მართავი** ფორმები მარტივი და განსაზღვრული HTML-ში; **რეაქტიული** ფორმები განსაზღვრული ტიპსკრიპტში და უფრო მეტ კონტროლს გაძლევთ — უკეთესი რთული, დინამიური ან მძიმე ვალიდაციის ფორმებისთვის. ## შაბლონ-მართავი — ლოგიკა შაბლონში ```ts // just import FormsModule; minimal TS ``` ```html ``` ფორმის სტრუქტურა და ვალიდაცია ცხოვრობენ **შაბლონში** `ngModel` დირექტივების მეშვეობით. მარტივი დასამზადებელი, მაგრამ ფორმის მოდელი იმპლიციტური და რთულია პროგრამულად ტესტირებისა და მანიპულირებისთვის. ## რეაქტიული — ფორმის მოდელი ტიპსკრიპტში ```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 ``` ფორმა არის **ექსპლიციტური ობიექტი** (`FormGroup`/`FormControl`), რომელსაც TS-ში აგებთ. ეს მას აკვატებს დაკვირვებადს, ტესტირებადს და ადვილად მანიპულირებად (ველების დამატება/წაშლა, რეაგირება ცვლილებებზე `valueChanges`-ის მეშვეობით). ## შედარება ```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 ``` ## რეაქტიული ფორმები ღიმებს ღია ```ts this.form.get("email")!.valueChanges.subscribe(v => ...); // react to changes this.form.valid; // synchronous validity check ``` ## რატომ მნიშვნელოვანია სწორი ფორმის მიდგომის არჩევა მნიშვნელოვანია შენარჩუნებისთვის: **შაბლონ-მართავი** სწრაფი, მარტივი ფორმებისთვის; **რეაქტიული** რაიმე რთულის — მრავალ-ეტაპიანი ჯადოსნური ღეზები, დინამიური ველის კომპლექტები, ფხვნილი-ველი ვალიდაცია, ან ფორმები, რომელთაც ერთეული ტესტები სჭირდებათ. რეაქტიული ფორმების ექსპლიციტური, დაკვირვებადი მოდელი ზოგადად სასურველია სერიოზულ აპლიკაციებში, რადგან ის უფრო მძლავრი, ტესტირებადი და მასშტაბური, მაშინაც კი, თუ ის მეტ წინასწარ კოდს მოითხოვს.