I'm having trouble accessing a data from an array using the index.

I've the following code in my template.

```html
<a href="#" class="...">{{ fixture.flatOdds.data[0].market_id }}</a>
```

And that throws:

```
TypeError: fixture.flatOdds.data[0] is undefined

```

But fixture.flatOdds.data[0] is defined. When I print out the fixture.flatOdds.data[0] like this:

```
<a href="#" class="...">{{ fixture.flatOdds.data[0] }}</a>

```

It prints out the object just fine. The response,

```
{ "bookmaker_id": 2, "bookmaker_event_id": null, "market_id": 1, "odds": [ { "label": "1", "value": 3, "winning": null, "handicap": null, "total": null, "last_update": { "date": "2018-07-29 08:15:53.000000", "timezone_type": 3, "timezone": "UTC" } }, { "label": "X", "value": 3.2, "winning": null, "handicap": null, "total": null, "last_update": { "date": "2018-07-29 08:15:53.000000", "timezone_type": 3, "timezone": "UTC" } }, { "label": "2", "value": 2.38, "winning": null, "handicap": null, "total": null, "last_update": { "date": "2018-07-29 08:15:53.000000", "timezone_type": 3, "timezone": "UTC" } } ] }

```

What am I doing wrong?

Note: I am using axios to load the data from an API.