Angular yana ba da hanyoyi biyu don takardu. Takardu na template-driven suna da sauki kuma ana ayyana su a cikin HTML; takardu na reactive ana ayyana su a TypeScript kuma suna ba da iko gari — mafi kyau don takardu masu hadadi, sune-sune, ko da tsantsa sosai.
// just import FormsModule; minimal TS
Submit
Tsarin takarda da sakewa suna zaune a cikin template ta hanyar umarnin ngModel. Sauƙi ne a saita, amma jigon takarda ba a fahimta ba kuma da wahala ne a baje/a sarrafa ta hanyar shirin.
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>
Takarda ita ce abu mai bayyani (FormGroup/FormControl) wanda kake gina shi a TS. Wannan yana sa ta zama mai halin jiya, ana iya gwaji, kuma sauƙi ne ta sarrafa (saka/cire filayen, amsa ga canja-canja ta hanyar 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
Zabing hanya mai kyau ta takarda yana da mahimmanci don jiya: template-driven don takardu masu sauri, sauƙi; reactive ga wani abu masu hadadi — mawakin matakan marawa, saitin filayen sune-sune, tantance gida tsakanin filayen, ko takardu da ke buƙatar gwajin ƙanzu.
Jigon takarda na reactive mai bayyani, mai halin jiya ana gida karaba a cikin aikace-aikacen mahimmaci saboda yana da iko gari, ana iya gwaji, kuma ana iya ƙara, ko da cewa yana buƙatar ƙarin lambar ta farko.