Reformat Array for Listview

My array:

{
  "services": [
    {
      "service_id": 43,
      "service_name": "Standard Residential Phone $30.00",
      "service_type": "voip",
      "service_type_id": 3,
      "business": false,
      "commercial": false
    },
    {
      "service_id": 198,
      "service_name": "Glasgow Residential Fiber 30Mbps",
      "service_type": "fiber",
      "service_type_id": 1,
      "commercial": false
    }
  ]
}

Trying to use the component listView with data source from a query with this array as the result, and am struggling to use the results in my other components.


Screen Shot 2024-04-30 at 11.05.37

1 Like

Hello!

It looks like you are using the query directly as the data source, but you need to switch to the "Use an array" options and define the property services of the API response as the source for listView3:

image

This will allow you to enter in the {{query.data.property}} as the source, in your case:

{{getAccountServices.data.services}}

1 Like

Screen Shot 2024-04-30 at 11.27.41
Screen Shot 2024-04-30 at 11.28.22
Screen Shot 2024-04-30 at 11.28.36

That did the trick! Thanks so much!

2 Likes