Encountering the following error:
ERROR Error: Uncaught (in promise): TypeError: value.forEach is not a function
TypeError: value.forEach is not a function
at FormArray.patchValue.
Fetching data from Laravel, aiming to display it in a FormArray.
The code in question:
this.http.get("http://data_dink" + '/' + event.value)
.toPromise().then(data =>
{
console.log(data);
this.getSelectedServiceData = data;
console.log(this.getSelectedServiceData.service);
this.addForm.get('services').patchValue(this.getSelectedServiceData.service);
});
The data variable (response from get request) holds the following object:
{
"msg":"Service Information",
"service":{
"id":1,
"name":"Web Development",
"description":"Test per web development",
"price":"200.00",
"created_at":"2020-05-04T03:07:28.000000Z",
"updated_at":"2020-05-06T03:07:28.000000Z",
"view_service":{
"href":"api\/v1\/service\/1",
"method":"GET"
}
}
}
Constructing a FormArray based on this object:
{
"msg":"List of all services",
"services":[
{
"id":1,
"name":"Web Development",
"description":"Test per web development",
"price":"200.00",
"created_at":"2020-05-04T03:07:28.000000Z",
"updated_at":"2020-05-06T03:07:28.000000Z"
},
{
"id":2,
"name":"Java",
"description":"test per java",
"price":"100.00",
"created_at":"2020-05-20T03:07:57.000000Z",
"updated_at":"2020-05-20T03:07:57.000000Z"
}
]
}