如何生成我的reactform输出角度

时间:2018-12-05 23:15:02

标签: json angular api

我不知道如何操纵formanray

我有选择输入:

example stackblitz

我想要这样的输出json:

json

{
  "comentario": "kkkkkkkkkkkk",
  "respuestas": [ { "idusuario": "",  "numero": "","iduser":"" } ] 
}

我从本地存储中获得了iduser,但我没有问题

我找到了怎么做

更新,我做了一个小例子,但是select存在一个错误 https://stackblitz.com/edit/angular-kj2ahg?file=src%2Fapp%2Fapp.component.html

1 个答案:

答案 0 :(得分:0)

您的表单模块(从Formulario.value获得的内容) 不需要匹配您的数据模型。

请考虑根据需要对数据进行建模,以将其存储在数据存储中。因此,在您的示例中,一起iduser

然后将数据从表单数据结构(Formulario.value)映射到数据结构。

有道理吗?

例如,我要发送到服务器的数据结构如下所示:

export interface Product {
  id: number;
  productName: string;
  productCode: string;
  iduser: number;
}

我可以像这样将数据从表单复制到此数据结构中:

const product = { ...this.myForm.value }; 

然后产品包含所有表单字段。但是,就像您的示例一样,iduser不在表单上。这样我就可以使用:

product.iduser = myUsersId;

设置ID。然后,我有了一个可以传递到后端的数据结构。