如何通过HTTP post将Angular 5表单提交到数据库?

时间:2018-05-11 09:06:42

标签: angular

我正在通过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)结果:

enter image description here

0 个答案:

没有答案