如何对Angular FormArray进行字符串化以将其发送到服务器

时间:2017-11-07 08:14:33

标签: angular angular-reactive-forms formarray

在Angular项目中,我有一个包含FormControls的FormArray,我不知道如何将此FormArray字符串化以便将其发送到服务器。这是我创建Observable的代码,Submit方法和服务。请帮忙。

onSubmit(){
    let formControls = new FormArray([]);
    formControls = <FormArray>this.reviewForm.get('controlArray');
    this.formService.createForm(formControls)
      .subscribe(
        data => console.log(data),
        error => console.error(error)
    );
    this.reviewForm.reset();
    // console.log(formControls);        
  }

@Injectable()
export class FormService {
    constructor(private http: Http) {}

    createForm(formControls: FormArray) {
        const body = JSON.stringify(formControls); //this gives error
        const headers = new Headers({'Content-Type': 'application/json'});
        return this.http.post('http://localhost:3000/api/form', body, {headers: headers})
            .map((response: Response) => response.json())
            .catch((error: Response) => Observable.throw(error.json()));
    }

}

2 个答案:

答案 0 :(得分:0)

您可以使用getRawValue()方法。

formControls.getRawValue();

答案 1 :(得分:0)

获取值并将其字符串化:

JSON.stringify(this.reviewForm.value.controlArray)