I have this data in my component.ts file picked up from an api call

```
[ 
    [ 
        { 
            "name": "name one",
            "desc": "something here",
        },
        {
            "name": "name two",
            "desc": "something here",
        },
        { 
            "name": "another name",
            "desc": "something here",
        }
    ]
]

```

I then pass it to my component.html with:

```
this.mydata = [result];

```

**[result]** contains the data above.

Then I have the select:

```
<select name="list">
    <option *ngFor="let data of mydata; value="{{ data.name }}">{{ data.name }}</option>
 </select>

```

This problem I'm having is that the select is not populating any names

I added this: `{{ mydata | json }}` and I can see that the data is there as shown above.

How can i fix this?