Question

我的表格中有一个textarea字段

   <ion-item>
     <ion-label>Attributes and operations*</ion-label>
     <ion-textarea formControlName="responsibilities"></ion-textarea>
   </ion-item>

当我提交表单时，我会得到以下表单值：

{"thing":"Book","responsibilities":"Name ISBN","collaborators":""}

提交功能：

createCard(formData){

    this.responsibilities = this.addCRCCardForm.value.responsibilities.split(" ");
    console.log(this.responsibilities)

    for (let res of this.responsibilities){
        //test
    }
}

控制台语句打印：["Name", "ISBN"]

我希望我的表单值（发送到我的后端）：

{"thing":"Book","responsibilities": [{name: "Name"},{name: "ISBN"}],"collaborators":[{..},{..}]

我必须修改的地点和内容？

Answer 1

您可以获取任何表单对象的值。你可以打电话

This.addcrccardform.get ('responsibilities')

这将返回一个可以强制转换为实际类型的AbstractControl，例如formgroup或formarray（用于类型目的）

获取该对象的.value将以对象形式显示职责控件，或者您可以遍历对象的.controls并执行您需要执行的操作。

您可以.get任何表单对象来获取AbstractControl，它应该为您提供所需的所有功能。

当然，假设您正在使用Angulars反应形式。

为提交目的创建对象并以服务器所需的格式设置类可能会有所帮助。然后将子控件作为值推送到各自的数组中

希望这有帮助

angular convert string array to json object array

1 个答案: