Angular populate select with object of objects

Question

Give this object of objects: (filled with way more)

$scope.object = {
"activities":
{
    "1": {
        "name": "Watch a movie",
    }
    "2": {
        "name": "Chill at home",
    }
},

"people":
{
    "1": {
        "name": "with your best friend",
         }
}

How can I fill my select with all names of activities?

Right now I have

Is it possible to do this?

ng-options="activity.name for (key , activity) in object.activities" — Blackhole
– Blackhole, Commented Jun 9, 2015 at 7:40

Walter Chapilliquen - wZVanG · Accepted Answer · 2015-06-09 07:47:35Z

3

Use ng-options:

<select ng-model="currentID" 
ng-options="id as activity.name for (id, activity) in object.activities">
</select>

Demo

edited Jun 9, 2015 at 7:47

answered Jun 9, 2015 at 7:42

Walter Chapilliquen - wZVanG

12.1k8 gold badges44 silver badges64 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular populate select with object of objects

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related