Angularjs - how to use select with ng-repeat?

Question

In the view available below I'm trying to select a value in the drop down box based on a key(colorId) available in the current ng-repeat object(user). Does anyone know how to do that? ```

User	Color
{{user.name}}

``` The controller code is: ``` 'use strict'; angular.module('nes',) .controller('MyCntrl',['$scope',function ($scope) { $scope.colors = [ {id:'1', name:'blue'}, {id:'2', name:'white'}, {id:'2', name:'red'} ]; $scope.users = [ { name:'user1',colorId:'1'}, { name:'user2',colorId:'2'} ]; }]); ```

Accepted Answer

You need to fix a few things in your `<select>` element:

use `color.id as color.name` in your ng-options.

```
ng-options="color.id as color.name for color in colors"
```

you typoed "colorid":

```
ng-model="user.colorId"
```

Here's a plunk of it working: http://plnkr.co/edit/DptvZuamWv9waFzI0Rcp?p=preview

Angularjs - how to use select with ng-repeat?

Solution

Problem