Using ng-options on array declared in an object

Question

In my controller, I have:

 $scope.sizes = {
    things: [
        'one',
        'two'
        ]
}

and in my HTML, I have

  <select ng-options="thing for thing in sizes.things"></select>

The resulting combobox has no values. However, in this case:

 $scope.things = ['one', 'two'];

  <select ng-options="thing for thing in things"></select>

The resulting combobox shows "one", "two" as its options. Can someone explain why I can't access the array within a $scope object?

That doesn't seem like it should be a problem. Can you demonstrate the problem in a jsFiddle (or some other online demo tool)? — sfletche
– sfletche, Commented Jul 10, 2015 at 22:12
that fiddle is broken. angular is never being bootstrapped, and if you are using 1.4, that's definitely not the way to declare a controller. — Claies
– Claies, Commented Jul 10, 2015 at 22:32
ng-options has had a number of breaking changes over the life of angular, so if you are trying to demonstrate an issue, you should ensure that you are showing code that is compatible with the version you are trying to troubleshoot. — Claies
– Claies, Commented Jul 10, 2015 at 22:33

sfletche · Accepted Answer · 2015-07-10 22:36:41Z

2

You were missing the ng-model attribute on your ng-options select element.

Adding ng-model="thing" gets it working...

<select ng-model="thing" ng-options="thing for thing in sizes.things"></select>

You can see a working example here.

PS It was actually not working for either the array or the object. Adding the ng-model attribute gets both working.

answered Jul 10, 2015 at 22:36

sfletche

50.1k32 gold badges110 silver badges120 bronze badges

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

1 Answer 1