我正在通过Angular 5反应形式创建一个全新的对象,当它被填满时。但是,表单没有任何id元素。问题是,当我点击提交时,我得到了form.value。当我在console.log中时,我可以看到form.value的JavaScript对象。如何将此提交到Web API? JavaScript对象也没有任何id。
请提供建议或方法。
我正在使用新的HTTP客户端模块。
谢谢。
以下是我的源代码:
.ts
CheckListForm: FormGroup;
Ques: Questions[];
Questions: any = [];
employmenttype = ['Permanent', 'contractor'];
constructor(private fb: FormBuilder,
private checklistservice: ChecklistService) {
this.CreateForm();
}
ngOnInit() {
this.checklistservice.getQuestions(1).subscribe(res =>{ this.Ques = res;
this.addQuestions();
});
CreateForm() {
this.CheckListForm = this.fb.group({
name: ['', Validators.required],
EmploymentType: ['', Validators.required],
HRMS: [''],
CompanyName:[''],
questions: this.fb.array([])
})
}
get questions(): FormArray {
return this.CheckListForm.get('questions') as FormArray;
}
addQuestions () {
for (let Que of this.Ques) {
this.questions.push(
new FormGroup ({
'ques': new FormControl(Que.ques),
'choices': new FormControl('', Validators.required)
})
)
}
}
onSubmit() {
console.log(this.CheckListForm.value);
}
}
这是我的console.log(this.checklistform.value)结果: