1
我有一个表格组件,如何DRYup Angular 2表单组件?
@Component({
templateUrl: '/app/contact/contact.component.html',
styleUrls: ['app/contact/contact.css'],
directives: [FORM_DIRECTIVES, REACTIVE_FORM_DIRECTIVES],
providers: [FormBuilder]
})
export class ContactComponent {
contactForm: FormGroup;
subjets = ['Informations', "Offre d'Emploi"];
name: AbstractControl;
email: AbstractControl;
message: AbstractControl;
subjet: AbstractControl;
comment: AbstractControl;
constructor(fb: FormBuilder) {
this.contactForm = fb.group({
'name': ['', Validators.compose([Validators.required, Validators.minLength(2)])],
'email': ['', Validators.compose([Validators.required, Validators.minLength(2)])],
'subjet': ['', Validators.compose([Validators.required, Validators.minLength(2)])],
'comment': ['', Validators.compose([Validators.required, Validators.minLength(20)])]
});
this.name = this.contactForm.controls['name'];
this.email = this.contactForm.controls['email'];
this.subjet = this.contactForm.controls['subjet'];
this.comment = this.contactForm.controls['comment'];
}
onSubmit(form: any): void {
console.log('Valeurs du formulaire:', form);
}
}
从片段中,已知代码违反干,有重复的几乎所有表单字段!是否有可能进一步干这个代码来减少重复?
谢谢。