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.
Ɗakin karatu na tambayoyin hira na IT tare da amsoshi cikakke — daga Junior zuwa Senior.
Ba da Gudummawa