How to use ng-options to iterate through an array within an object?

Question

How can I use ng-options to populate a select element with the results of the "categories" arrays, that are within the objects?

        {
          title: "Star Wars",
          categories: ["Coding", "Exploration", "Adventure"]
        }, {
          title: "Street Wars",
          categories: ["Surfing", "Exploration", "Testing"]
        },

I want to populate a select element with all the available categories, and then use "unique" to filter out the duplicate entries...

tymeJV · Accepted Answer · 2015-07-17 16:43:25Z

2

As the comment says, it's probably easier to create the unique part in the controller, and use ngOptions on the new array:

$scope.uniqueOptions = [];
for (var i = 0; i < data.length; i++) {
    for (var j = 0; j < data[i].categories.length; j++) {
        if ($scope.uniqueOptions.indexOf(data[i].categories[j]) === -1) {
            $scope.uniqueOptions.push(data[i].categories[j])
        }
    }
}

And the options:

<select ng-model="someModel" ng-options="category as category for category in uniqueOptions"> </select>

answered Jul 17, 2015 at 16:43

tymeJV

105k14 gold badges165 silver badges158 bronze badges

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

Comments

Sashko · Accepted Answer · 2018-05-07 19:48:54Z

1

You can do it this way provided you are using an ngRepeat

 <select ng-model="cat" ng-options="c for c in movie.categories"></select>

This is a working example.

EDIT: ngModel is required for select.

edited May 7, 2018 at 19:48

Sashko

1913 silver badges10 bronze badges

answered Jul 17, 2015 at 16:55

mitch

1,83115 silver badges14 bronze badges

1 Comment

John Spiteri Over a year ago

I think the controller is a better place to handle the data - voted your answer up because it does work also... Thank you @mitch

Collectives™ on Stack Overflow

How to use ng-options to iterate through an array within an object?

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related